/*! Build : November 16, 2016 10:35:04 */


.cmHeroWithVideo {
	margin-bottom: 3.2em;
	margin-top: 0;
}

.cmHeroWithVideo .content {
	text-align: center;
	padding: 1em 0 1em 0;
}

.cmHeroWithVideo .content h1 {
	border-bottom: 2px solid #dddddd;
	color: #dc182d;
	font-size: 2.9em;
	letter-spacing: 0;
	margin-bottom: 0.1em;
	padding-bottom: 0.1em;
	text-transform: uppercase;
}

.cmHeroWithVideo .subHead:before {
	background: transparent;
	height: auto;
	margin: auto;
	padding: 0;
	width: auto;
}

.cmHeroWithVideo .content h2 {
	color: #dc182d;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 4.5em;
	line-height: 1;
	letter-spacing: -1px;
	margin-bottom: 0.33em;
	padding: 0 5%;
	text-transform: uppercase;
}


.cmHeroWithVideo .content .extLink {
	margin-bottom: 2.2em;
}

.cmHeroWithVideo .content .extLink li:before {
	display: none;
}

.cmHeroWithVideo .content .extLink li a {
	padding-left: 0.9em;
}

.cmHeroWithVideo .heroOutline {
	padding-bottom: 3em;
}

.cmHeroWithVideo .imgWrapper {
	left: 50%;
	margin-left: -50%;
	margin-right: -50%;
	position: relative;
	text-align: center;
}

.cmHeroWithVideo .imgWrapper img {
	height: 21em;
	margin-left: -50%;
	width: auto;
}


.cmHeroWithVideo .videoCTAcontainer {
	clear: both;
	height: 0;
	top: 10em;
	position: relative;
	text-align: center;
	z-index: 1;
}

.no-js .cmHeroWithVideo .videoCTAcontainer,
.ie8 .cmHeroWithVideo .videoCTAcontainer {
	display: none;
}
.ie8.hasMinimumFlash .cmHeroWithVideo .videoCTAcontainer {
	display: block;
}

.cmHeroWithVideo .videoCTA {
	display: inline-block;
	position: relative;
}

.cmHeroWithVideo .videoCTA:before {
	content: '';
	border-top: 6px solid transparent;
	border-left: 11px solid #f4f3f8;
	border-bottom: 6px solid transparent;
	display: inline;
	position: absolute;
	top: 1.1em;
	left: 16px;
}

.cmHeroWithVideo .videoCTA a {
	color: #FFF;
	background-color: #666463;
	background-color:rgba(0,0,0,0.5);
	display: block;
	font-family: 'ProximaNovaExCnSbold',Tahoma,Helvetica,Arial,sans-serif;
	font-size: 1.6em;
	letter-spacing: 2px;
	padding: 0.8em 0.8em 0.8em 2.1em;
	text-decoration: none;
	text-transform: uppercase;
}

.cmHeroWithVideo .videoCTA a:hover {
	background-color: #097f38;
}

.cmHeroWithVideo .threeCta {
	margin-top: 0em;
}

/* Video player */

.cmHeroWithVideo .dimmer {
	display: none;
	position: static;
	width: 0;
	height: 0;
	top: 0;
}

.cmHeroWithVideo .videoWrapper {
	background: none;
	border: none;
	display: none;
	height: auto;
	margin: 0 -6.7%;
	padding: 0;
	z-index: 2;
}


.cmHeroWithVideo .video-player-wrapper iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.cmHeroWithVideo .closeIco {
	display: none;
}

.videoActive .videoWrapper {
	display: block;
}

.videoActive .videoCTAcontainer {
	visibility: hidden;
}

.videoActive .imgWrapper {
	display: none;
}

/* EU Emissions */
.cmHeroWithVideo .euEmissionsWrapper {
	margin-top: 3.2em;
	text-align: center;
}

.cmHeroWithVideo .wrapper .iconCta.threeCta .registerYourInterestDiamond56Ico:before,
.cmHeroWithVideo .wrapper .iconCta.threeCta .registerYourInterestFooterDiamond56Ico:before {
	padding: 23px 36px 21px 24px;
	font-size: 33px;
}

.cmHeroWithVideo.right .threeCta {
	margin-right: 0;
}





/*
 * Honda platform - Microsite - Thin header
 * http://civic2014.honda.pl/experience.html
 *
----------------------------------------------- */

.thinHeader .pageHeader {
	position: relative;
	display: block; /* clearfix */
	background: #FFF;
}

.thinHeader .pageHeader:after { /* clearfix */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.thinHeader .mainHeader .inner {
	border-bottom: 3px solid #DC182D;
}


/* Logo */
/* -------------------------------------------- */

.thinHeader .sectionLogo {
	display: block;
	width: 187px;
	float: left;
	margin: 0 54px 0 0;
}

.thinHeader .sectionLogo img {
	display: block;
	width: 100%;
	height: auto;
}

.thinHeader .logo {
	position: relative;
	margin: 0 5%;
	padding: 5px 0;
	overflow: hidden;
	background: #FFF;
}

.thinHeader .logo a {
	display: block;
	margin: 0;
}

.thinHeader .logo .logoDesktop {
	display: none;
}

.thinHeader .logo .logoMobileTablet {
	display: block;
}


/* CTAs */
/* -------------------------------------------- */

.thinHeader .mainHeader .globalCtas {
	vertical-align: top;
}

.thinHeader .mainHeader .globalCtas li {
	vertical-align: top;
}

.thinHeader .mainHeader .globalCtas a:focus,
.thinHeader .mainHeader .globalCtas a:hover {
	color: #3B3B3B;
	background: #FFF;
}


/* CTAs visibility toggle trigger */
/* -------------------------------------------- */

.js .thinHeader .mainHeader .trigger {
    position: absolute;
    top: 9px;
    right: 0;
    display: block;
    width: 54px;
    height: 2.8em;
    padding: 0;
    text-decoration: none;
}

.js .thinHeader .mainHeader .trigger .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	text-indent: 2px;
}

.js .thinHeader .mainHeader .trigger .iconWrapper {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-left: 1px solid #DDD;
}

.js .thinHeader .mainHeader .trigger .iconWrapper:after {
    position: absolute;
    top: -2px;
    left: 10px;
    font-size: 34px;
    font-weight: bold;
}
/* ======================================================
BREAK POINTS
====================================================== */
/* Responsive Navigation - Mobile Styles */
/* ====================== */
.hondaHeader {
  text-transform: uppercase;
  font-family: "ProximaNovaExCnLight";
  letter-spacing: 1px;
  position: relative;
  width: 100%;
  /* text-rendering: geometricPrecision; */
  /* stops rendering of custom fonts on samsung galaxy tab (default browser) */ }

.hondaHeader > section.active + .ctas {
  margin-bottom: 20px; }

.hondaHeader a {
  text-decoration: none; }

.hondaHeader a, .hondaHeader header {
  -webkit-tap-highlight-color: transparent; }

.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: 0.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; }

.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; }
.didYouMean {
	overflow: hidden;
	margin: 0 0 64px 5%;
}

.didYouMean ul {
	margin: 0 5% 0 0;
	padding:0;
}

.didYouMean p {
	margin-right:5%;
}

.didYouMean ul li {
	background: none;
	font-size: 1.4em;
	padding: 0;
}

.didYouMean ul a {
	border-bottom:1px solid #7FBF9E;
	color: #555;
	-webkit-transition: border-bottom .2s ease-in-out;
	transition: border-bottom .2s ease-in-out;
	text-decoration: none;
}

.didYouMean ul a:focus,
.didYouMean ul a:hover {
	border-bottom-width: 3px;
	border-color: #017d75;
	color: #017d75;
}
.didYouMean #dymDecoration {
	float:left;
	width:317px;
	margin:0 0 30px 0;
	width:317px;
}
.didYouMean .searchAgain {
    clear: both;
    float: left;
}

.didYouMean .searchAgain:before {
	top: -1px;
}

@media only screen and (max-width: 620px) {
	.didYouMean #dymDecoration {
		width:250px;
		margin:15px 0 30px -6px;
	}
}

.cookiesAlert {
	position: relative;
	padding: 15px 0 30px 0;
	background: #555555;
	color: #ffffff;
	text-align: center;
	z-index: 100; /* keep above the sticky cta's */
}
.cookiesAlert .wrapper {
	margin-left: 8%;
	margin-right: 8%;
}
.cookiesAlert .wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cookiesAlert p,
.cookiesAlert a {
	color: #fff;
}
.cookiesAlert p {
	margin: 0 0 1.3em 0;
}
.cookiesAlert a {
	margin-bottom: 2px;
	text-decoration: none;
	border-bottom: 1px solid #80c09f;
	-webkit-transition: border-bottom 0.2s ease-out;
	transition: border-bottom 0.2s ease-out;
}
.cookiesAlert a:hover {
	margin-bottom: 0;
	border-bottom: 3px solid #ffffff;
}
.cookiesAlert p.cookiesTitle {
	position: relative;
	margin: 0 0 .4em 0;
	padding: 35px 0 0 0;
	font-family: "ProximaNovaExCnSReg";
	font-size: 2.6em;
	line-height: 1.2em;
	color: #fff;
}
.cookiesAlert p.cookiesTitle .icon {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 30px;
	height: 30px;
	margin: 0 0 0 -15px;
	background: url(../../img/cookie.gif) 0 0 no-repeat;
}

.cookiesAlert p.cookiesTitle em {
	font-style: normal;
}

.cookiesAlert .policyLink {
	display: block;
	margin: .7em 0 0 ;
}

.cookiesAlert .cookiesOK {
	display: inline-block;
	margin: 0 0 4px 0;
	padding: .5em 1em;
	font-family: "ProximaNovaExCnSbold";
	font-size: 1.8em;
	background: #fff;
	color: #3b3b3b;
}
.cookiesAlert .cookiesOK a {
	color: #3b3b3b;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.cookiesAlert .cookiesOK a:hover {
	border-color: #80c09f;
}
.pageIntro {
	margin: 6.4em 0;
}
.pageIntro h1 {
	margin: 0 0 0.25em;
}
.pageIntro h2 {
	margin: 0 0 .320em;
}
.pageIntro p {
	color: #3b3b3b;
	margin: 0 0 1.391em;
}
.pageIntro .pageIntroLead p {
	font-family: "ProximaNovaExCnLight", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	line-height: 1.167;
	margin-bottom: 1em;
}
.pageIntro .pageIntroLead p.optionalSummary ,
.pageIntro .pageIntroLead p.optionalText {
	letter-spacing: -0.01em;
	line-height: 1.2em;
}
.pageIntro .pageIntroLead p.optionalSummary {
	margin-bottom: 12px;
}
.pageIntro .pageIntroLead p.optionalText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	letter-spacing: 0.01em;
	margin-top: -10px;
}
.pageIntro.pageIntroSubHub p {
	margin-bottom: 0;
}
.pageIntroSubHub h1 {
	color: #3b3b3b;
	font-size: 2.2em;
}
.pageIntroSubHub h1:before {
	background: transparent;
	height: auto;
	margin: auto;
	padding: 0 3px 0 0;
	width: auto;
}
.pageIntroSubHub h1:before,
.pageIntroSubHub h1:after {
	content: '-';
	display: inline-block;
}
.pageIntroSubHub h2 {
	color: #dc182d;
	font-family: 'ProximaNovaExCnLight', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 5.2em;
	font-weight: normal;
	margin: 0 0 .4em;
	text-transform: uppercase;
}
.pageIntro .imgWrapper img {
	height: auto;
	width: 100%;
}
.pageIntro .imgWrapper {
	margin: 0 -5.5%;
}
.pageIntro .pageIntroImage {
	margin-bottom: 3.2em;
}
.pageIntro.pageIntroFlush,
.pageIntro.pageIntroFlush .pageIntroImage {
	margin-bottom: 0;
}
.pageIntroSuper {
	text-align: center;
}
.pageIntroSuper h1 {
	color: #3b3b3b;
	font-size: 2.2em;
}
.pageIntroSuper h1:before,
.pageIntroSuper h1:after {
	content: '-';
	display: inline-block;
}
.pageIntroSuper h1:before {
	background: transparent;
	height: auto;
	margin: auto;
	padding: 0 3px 0 0;
	width: auto;
}
.pageIntroSuper h1:after {
	padding: 0 0 0 3px;
}
.pageIntroSuper h2 {
	color: #dc182d;
	font-family: 'ProximaNovaExCnSbold';
	font-size: 5em;
	line-height: 0.9;
	text-transform: uppercase;
}
.pageIntroSuper .iconCta li {
	margin: 0 0 2px 3.7037037%;
}
.pageIntroSuper .iconCta li:first-child {
	margin-left: 0;
}
.pageIntroSuper .pageIntroNav {
	border-top: 2px solid #00803e;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pageIntroSuper .pageIntroNav li {
	background: 0;
	padding: 0;
}
.pageIntroSuper .pageIntroNav li a {
	color: #3c3c3e;
	display: block;
	position: relative;
	text-align: left;
	text-decoration: none;
}
.pageIntroSuper .pageIntroNav li a:focus,
.pageIntroSuper .pageIntroNav li a:hover {
	color: #017d75;
}
.pageIntroSuper .pageIntroNav li a .icon {
	background: url(../../img/icons/sprite_chevrons-listnav.png) -88px 50% no-repeat;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: none;
	webkit-transition: none;
	width: 16px;
}
.pageIntroSuper .pageIntroNav li:hover a .icon {
	background-color: #017d75;
	background-position: 5px 50%;
}
.pageIntroSuper .pageIntroNavToggle {
	display: none;
}
.pageIntroSuper .pageIntroNavToggle {
	display: block;
	margin: 0;
}
.pageIntroSuper .pageIntroNavToggle a {
	border-top: 3px solid #00803e;
	display: block;
}
.pageIntroSuper .pageIntroNavToggle a .toggleInner {
	display: inline-block;
	position: relative;
}
.pageIntroSuper .pageIntroNavToggle a:focus,
.pageIntroSuper .pageIntroNavToggle a:hover {
	border-top-color: #017d75;
}
.pageIntroSuper .pageIntroNavToggle a .title {
	background: #00803e;
	color: #fff;
	display: inline-block;
	font-family: 'ProximaNovaExCnSbold';
	font-size: 1.8em;
	letter-spacing: 1px;
	line-height: 1em;
	margin: 0 auto;
	padding: .75em 3em .75em 1em;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
.pageIntroSuper .pageIntroNavToggle a:focus .title,
.pageIntroSuper .pageIntroNavToggle a:hover .title {
	background-color: #017d75;
}
.pageIntroSuper .pageIntroNavToggle a .icon {
	background: transparent url(../../img/chevrons.png) no-repeat -20px -86px;
	height: 16px;
	margin: -8px 0 0 0;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 14px;
}
.pageIntroSuper .pageIntroNavToggle a.toggleOpen .icon {
	background-position: -20px -60px;
}
.pageIntroAuthorDetails {
	border-top: 3px solid #ddd;
	margin: 0;
	padding: 3px 0 0;
}
.pageIntroAuthorDetails .date,
.pageIntroAuthorDetails .author {
	color: #3b3b3b;
	display: block;
	font-size: 1.6em;
	line-height: 1.5em;
}
.pageIntroAuthorDetails .date {
	font-family: 'ProximaNovaExCnSbold';
	letter-spacing: 1px;
}
.pageIntroAuthorDetails .author {
	font-family: 'ProximaNovaExCnLight';
}
.pageIntro p .icon {
	background: url(../../img/search_plus.png) no-repeat;
	display: inline-block;
	height: 16px;
	margin-left: 0.153em;
	margin-right: 0.346em;
	width: 16px;
}
.pageIntroSubHub .wrapperInner,
.pageIntroCenter .wrapperInner {
	text-align: center;
}
.siteSearchResults .pageIntro p {
	font-family: 'ProximaNovaExCnLight';
	font-size: 2em;
}
.pageIntroCenter h1:before,
.richTextContent ul.bullet_list li p.title:before,
.pageIntroOffer ul li p.title:before,
ul.headlineList.bullet_list li p.title:before,
.richTextContent ul.headlineList li p.title:before {
	display: none;
}
.richTextContent ul.headlineList li p.title,
.pageIntroOffer ul.headlineList li p.title {
	margin-left: 0.9em;
}
.richTextContent ul.bullet_list li:before,
.richTextType ul li:before,
.pageIntroOffer ul li:before,
ul.headlineList.bullet_list li:before,
ul.bullet_list li:before {
	color: #dc182d;
	left: -4px;
	position: relative;
}
.richTextType ul li:before,
ul.bullet_list li:before,
.pageIntroOffer ul li:before {
	left: -28px;
	position: absolute;
	top: 5px;
}
ul.bullet_list li,
.pageIntroOffer ul li {
	margin: 0 0 3.2em 1.6em;
	position: relative;
}
.richText .rttListHeadings ul.headlineList li {
	position: relative;
}
.richText .rttListHeadings ul.headlineList li:before {
	left: -3px;
	top: 6px;
}
.pageIntroImgRightCropped {
	margin-bottom: 4.4em;
	margin-top: 3.2em;
}
@media screen and (min-width: 480px) and (max-width: 620px) {
	.pageIntro .imgWrapper {
		margin: 0 -7.692%;
	}
}
@media screen and (max-width: 620px) {
	.pageIntroSuper .pageIntroNav li {
		border-bottom: 1px solid #cacaca;
		font-family: "ProximaNovaExCnSbold";
		font-size: 1.8em;
		margin: 0;
		text-transform: uppercase;
	}
	.pageIntroSuper .pageIntroNav li:hover {
		border-bottom: 1px solid #017d75;
		border-top: 1px solid #017d75;
		margin-top: -1px;
	}
	.pageIntroSuper .pageIntroNav li a {
		padding: .556em 1.389em .556em;
	}
	.pageIntroImgRight img {
		height: auto;
		margin: 2.5em 0 0;
		width: 100%;
	}
}
.pageIntroduction {
	margin-top: -5px;
	text-align: center;
}
.pageIntroduction h1:before {
	background: none;
	height: 0;
	margin: 0;
}
.pageIntroduction p {
	font-family: "ProximaNovaExCnLight";
	font-size: 2.2em;
	margin-bottom: -.3em;
}
.pageIntroImgRightCropped .pageIntroImage {
	display: none;
}
.editorialPageIntro {
	clear: both;
}
.pageIntroFullWidthBgImage {
	margin: 0;
	min-height: 330px;
	position: relative;
	text-align: center;
}
.pageIntroFullWidthBgImage .imageDecoration {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.pageIntroFullWidthBgImage .wrapper {
	position: relative;
}
.pageIntroFullWidthBgImage .wrapperInner {
	padding-top: 3.2em;
}
.pageIntroFullWidthBgImage h1 {
	color: inherit;
	font-size: 2.2em;
}
.pageIntroFullWidthBgImage h1:before,
.pageIntroFullWidthBgImage h1:after {
	content: '-';
	display: inline-block;
}
.pageIntroFullWidthBgImage h1:before {
	background: transparent;
	height: auto;
	margin: auto;
	padding: 0 3px 0 0;
	width: auto;
}
.pageIntroFullWidthBgImage h1:after {
	padding: 0 0 0 3px;
}
.pageIntroFullWidthBgImage h2 {
	color: inherit;
	font-family: "ProximaNovaExCnSbold";
	font-size: 3.4em;
	line-height: 0.9;
	text-transform: uppercase;
}
.formImageHeader .formBuilderModule {
	padding-top: 1px;
}
/* due to duplication this module has to be called editorialPromotion */
.editorialPromotion {
	text-align: center;
}

.editorialPromotion h2 {
	text-transform: uppercase;
}

.editorialPromotionTextOnly h2,
.editorialPromotionTextOnly p,
.editorialPromotionTextOnly .secondaryCta {
	color: #fff;
}

.editorialPromotionTextOnly {
	padding: 6.4em 0;
}

.editorialPromotionTextOnly .headingBorder {
	border-bottom-color: rgba(0,0,0,0.2);
}

.editorialPromotionTextOnly .contentCol {
	border-top: 1px solid rgba(0,0,0,0.2);
	position: relative;
}

.editorialPromotionTextOnly .contentCol:first-child {
	border-top-width: 0;
}

.editorialPromotionTextOnly .innerContentSpacing.ctaContainer,
.editorialPromotion .secondaryCta {
	font-size: 1.8em;
	margin: 1.333em 0 0;
	border-top: 0;
}

.editorialPromotionTextOnly .secondaryCta a {
	margin-right: 0;
}

.editorialPromotionTextOnly .innerContentSpacing.ctaContainer:hover a,
.editorialPromotionTextOnly .secondaryCta:hover a{
	color: white !important;
}

.editorialPromotion .innerContentSpacing {
	padding-top: 1.4em;
	display: inline-block;
}

.editorialPromotion .innerContentSpacing.ctaContainer .externalLink	{
	margin: 0;
	padding-top: 2px;
	font-size: 1.8em;
}

.editorialPromotionTextOnly .innerContentSpacing.ctaContainer .externalLink,
.editorialPromotion .secondaryCta .externalLink {
	font-size: 1em;
}

.editorialPromotionTextOnly .innerContentSpacing.ctaContainer .externalLink,
.editorialPromotion .secondaryCta .externalLink {
	margin: 0 0 28px 0;
	font-size: 1em;
  line-height: 1.6em;
  display: inline;
  -webkit-transition: none;
  transition: none;
  border: none;
}

.editorialPromotion .secondaryCta a, .editorialPromotion .secondaryCta a.externalLink {
	font-size: 1em;
}

.editorialPromotionTextOnly .secondaryCta.simpleCta:focus,
.editorialPromotionTextOnly .secondaryCta.simpleCta:hover {
	border-color: #fff;
	color: #fff;
    position: relative;
    background-color: inherit;
}

.editorialPromotionTextOnly .secondaryCta a {
    color: #fff;
}

.editorialPromotionTextOnly .diamondIco:before {
    top: -9px;
    background-color: inherit;
    bottom: -9px;
    left: 50%;
    line-height: 1;
    margin-left: -8px;
    position: absolute;
    text-align: center;
    width: 28px;
    font-size: 16px;
    height: 1em;
    color: rgba(0, 0, 0, 0.2);
}

.editorialPromotionTextOnly .iconWrap {
	display: block;
	margin-top: -.5em;
}

.editorialPromotionTextOnly .iconWrap .icon {
	content: attr(data-icon);
	display: inline-block;
	font-size: 1em;
	margin: 0 auto;
	padding: 0 2px;
}

.editorialPromotion .imgContainer {
    max-height: 25.9em;
}

.editorialPromotionTextOnly .ctaContainer a,
.editorialPromotionTextOnly .simpleCta a,
.editorialPromotionTextOnly .secondaryCta a{
	color: white;
}

.editorialPromotionTextOnly .ctaContainer a{
	margin-top: 10px;
}

.editorialPromotionTextOnly .secondaryCta a:after{
	top: 0;
}

.editorialPromotionTextOnly .ctaContainer a:after {
	font-size: 28px;
	top: 2px;
}

.editorialPromotion .euEmissionsText {
    padding-top: 0.5em;
    border-top: 1px solid #ddd;
}

.editorialPromotionTextOnly .euEmissionsText {
    margin-top: 3.2em;
    border-top-color: rgba(0,0,0,0.2);
}

.editorialPromotionTextOnly .euEmissionsText strong,
.editorialPromotionTextOnly .euEmissionsText a {
    color: white;
}

.editorialPromotionTextOnly .euEmissionsText a {
    border-bottom-color: white;
}
.editorialTable {
    background: white;
}

.editorialTable .wrapperInnerDesk {
    padding: 0;
}

.moduleTitle h2 {
    margin-bottom: 0.5em;
}

.introContent p {
    font-family: 'ProximaNovaExCnLight', sans-serif;
    font-size: 2.3em;
    line-height: 1.25;
    margin-bottom: 0.9em;
    color: #3b3b3b;
}

.editorialTable p a {
    color: #3b3b3b;
    border-bottom: 1px solid #00803e;
    text-decoration: none;
    -webkit-transition: border 0.2s, color 0.2s;
    transition: border 0.2s, color 0.2s;
}

.editorialTable p a:hover {
    color: #017d75;
    border-bottom: 3px solid #017d75;
}

.editorialTable .tableCol {
    padding: 0;
}

.editorialTable table {
    border-top: 2px solid #339965;
}

.editorialTable caption {
    margin-bottom: 0.88em;
    font-family: 'ProximaNovaExCnSbold', sans-serif;
    font-size: 1.8em;
    line-height: 1;
    text-align: left;
}

.editorialTable td,
.editorialTable th {
    padding-top: 0.92em;
    padding-bottom: 0.92em;
    font-size: 1.3em;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
}

.editorialTable th {
    width: 60%;
    text-align: left;
    font-weight: normal;
    border-right: 1px solid #dfdfdf;
}

.editorialTable td {
    color: #dc182d;
}

.editorialTable .highlight td,
.editorialTable .highlight th {
    background: #f4f3f8;
}

.editorialTable .last td,
.editorialTable .last th {
    border-bottom-width: 3px;
}

.editorialTable th a,
.editorialTable tfoot td:first-child {
    color: #555;
}

.editorialTable th a {
    cursor: default;
    text-decoration: none;
}

.editorialTable td strong,
.editorialTable th strong {
    font-weight: normal;
}

.editorialTable tfoot td:first-child {
    text-align: left;
    padding-bottom: 0;
    border: 0;
}

/* excel copy paste table */
.excelCopyPasteTable .moduleFlush {
    padding-top: 48px;
    padding-bottom: 48px;
}

.excelCopyPasteTable .editorialTable h2 {
	margin: 0 0 .55em;
	text-align: center;
	text-transform: uppercase;
}

.excelCopyPasteTable .editorialTable .subHeading {
	border-bottom: 1px solid #DCDCDE;
	font-family: "ProximaNovaExCnLight", sans-serif;
	font-size: 2.3em;
	line-height: 1;
	padding: 0 0 1em;
	margin-bottom: 1.8em;
	text-align: center;
}

.excelCopyPasteTable .editorialTable .subHeading:after {
	background-color: #F4F3F8;
	display: block;
	font-family: 'glyphs14';
	font-size: 28px;
	content: '\e026';
	line-height: 1;
	width: 40px;
	color: #DC182D;
	position: absolute;
	left: 50%;
	margin: 10px 0 0 -19px;
	text-align: center;
}

/* using classes for ie8 support */
/* .excelCopyPasteTable tbody tr:nth-child(odd) */
.excelCopyPasteTable tbody .odd {
	background-color: #FFFFFF;
}
/* .excelCopyPasteTable tbody tr:nth-child(even) */
.excelCopyPasteTable tbody .even {
	background-color: #F4F3F8;
}
/**
 * Promo accordion
 */
.promoAccordion .wrapper {
	max-width: 100%;
}

.promoAccordion .wrapperInner {
	padding: 0;
}

.promoAccordion .accordion > li {
	background: none;
	border-top: 1px solid #00803e;
	border-bottom: 1px solid #00803e;
	margin: -1px 0 0;
	padding: 0;
}

.promoAccordion .accordionHeading {
	font-size: 1.533em;
	padding: 0.571em 0;
	margin: 0 5%;
}

.promoAccordion .accordionHeading .accordionTitle {
	display: block;
	font-family: "ProximaNovaExCnLight";
}

.promoAccordion .accordionImage {
	margin: 0 0 1.429em;
}

.promoAccordion .accordionContent img {
	height: auto;
	width: 100%;
}

.promoAccordion .accordionContent p,
.promoAccordion .accordionContent .rttSecondaryCTA,
.promoAccordion .accordionContent .rttExternalLink {
	margin: 0 5% 1em;
	padding: 0;
}

.promoAccordion .accordionContent p {
	line-height: 1.375em;
}

.promoAccordion .accordionContent .rttSecondaryCTA,
.promoAccordion .accordionContent .rttExternalLink {
	border-top: none;
}

.promoAccordion .accordionContent .rttSecondaryCTA a,
.promoAccordion .accordionContent .rttExternalLink a {
	font-size: 1.2em;
}

.promoAccordion .accordion .accordionHeading:focus .accordionToggle:after,
.promoAccordion .accordion .accordionHeading:hover .accordionToggle:after {
	color: #00803E;
}

.contentCenter {
    text-align: center;
}

.contentCenterHeading {
    margin-bottom: 0.3em;
}

.contentCenterBeta {
    margin-bottom: 0;
    font-family: 'ProximaNovaExCnLight', sans-serif;
    font-size: 2.3em;
    line-height: 1.2;
    color: #3b3b3b;
}


.contentCenter p {
    text-align: center;
}

.contentCenterMain p {
    margin-bottom: 0;
}
.sitemapLinkList h1 {
    margin-bottom: .1em;
    text-align: center;
}

.sitemapLinkList h1:before {
    display: none;
}

.sitemapLinkList ul {
    padding: 0;
}

.sitemapLinkList ul li {
    margin-bottom: 0;
    padding: 0;
    background: none;
}

.sitemapLinkList .level1 {
    padding-top: 3.75em;
    border-bottom: 1px solid #ddd;
}

.sitemapLinkList .level1:first-child {
    margin-top: 0;
    padding-top: 0;
}

.sitemapLinkList .level1HeadingWrapper {
    border-bottom: 3px solid #327f55;
}

.sitemapLinkList ul ul {
    margin-top: 0;
}

.sitemapLinkList h2 {
    margin-bottom: 0.2em;
    font-family: 'ProximaNovaExCnSReg', sans-serif;
    text-transform: uppercase;
}

.sitemapLinkList h2 .simpleCta {
    margin-bottom: 0;
    font-family: 'ProximaNovaExCnSReg', sans-serif;
}

.sitemapLinkList .nested {
    padding: 0 5%;
    background: white;
}

.sitemapLinkList .level2.last {
    margin-top: 0;
}

.sitemapLinkList .level2:first-child h3.secondaryCta {
    border-top-color: transparent;
}

.sitemapLinkList h3 {
    font-size: 1.43em !important;
}

.sitemapLinkList h3 a {
    padding: 0.699em 0;
    display: inline-block;
    margin-top: 0;
    border: none;
    width: 100%;
    text-decoration: none;
    line-height: 1.1em;
    position: relative;
}

.sitemapLinkList a:after {
    font-size: 32px;
    position: absolute;
}

.sitemapLinkList h3 a:after {
    top: 11px;
    right: 0;
}

.sitemapLinkList .level3 a:after {
    margin-top: -4px;
}

.sitemapLinkList .level3 a:after {
    right: 19px;
    color: #00803e;
}

.sitemapLinkList .noLink {
    padding: 10px 0;
    letter-spacing: normal;
}

.sitemapLinkList .level1HeadingWrapper h2 a {
    font-family: 'ProximaNovaExCnLight';
    letter-spacing: 0em;
    font-size: 32px;
}

.sitemapLinkList h3.secondaryCta {
    margin-left: 0;
    margin-bottom: 0;
    font-family: 'ProximaNovaExCnLight', sans-serif;
    text-transform: none;
    border-bottom: 1px solid transparent;
}

.sitemapLinkList h2.secondaryCta,
.sitemapLinkList h3.secondaryCta {
    letter-spacing: normal;
    display: inline-block;
    padding: 0;
}

.sitemapLinkList h2.secondaryCta a {
    display: inline-block;
    width: 100%;
    margin: 0;
}

.sitemapLinkList h2.secondaryCta a:after {
    position: absolute;
}

.sitemapLinkList .level3 a {
    margin-left: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid transparent;
    display: inline-block;
    width: 100%;
    margin-top: 0;
    text-decoration: none;
}

.sitemapLinkList .last a {
    border-bottom-color: transparent;
    margin-bottom: 0;
}

.sitemapLinkList .level3 a {
    margin-bottom: 0;
    padding: .875em 0;
    font-size: 1em !important;
    text-transform: none;
    color: #333;
    font-family: 'ProximaNovaExCnSbold', sans-serif;
}



@media screen and (min-width: 480px) {
    .sitemapLinkList .nested {
        padding: 0 6.666%;
    }
}
/* Product Division Navigation */
.productDivNav.module {
	margin: 32px 0 38px 0;
}

.productDivNav .wrapperInner {
	padding: 0;
}

.productDivNav .header {
	text-align: center;
	padding: 0 5%;
	width: 90%;
}

.productDivNav .header h1{
	margin: 0;
	font-size: 1em;
}

.productDivNav .header h1:before{
	display: none;
}

.productDivNav .header img{
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: 15px;
	padding-bottom: 21px;
	width: 197px;
}

.productDivNav .header h2{
	font-size: 2.6em;
	color: #3b3b3b;
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	margin-bottom: 19px;
	position: relative;
	border-bottom: none;
}

.productDivNav .header h2:before {
	content: "\e00d";
	font-size: 16px;
	font-weight: bold;
	top: -27px;
	bottom: auto;
}

.productDivNav ul.tiles {
	margin: 0;
	display: inline-block;
	width: 100%;
}

.productDivNav ul.tiles li{
	background: none;
	list-style: none;
	padding: 0;
	margin-bottom: 1.145em;
	text-align: center;
}

.productDivNav ul.tiles li a {
	text-decoration: none;
}
.productDivNav ul.tiles li a:hover {
	border: none;
}

.productDivNav ul.tiles li .tile{
	background: #fff;
	padding: 11px 0 16px 0;
}

.productDivNav ul.tiles li .header h2 {
	font-size: 1.6em;
}

.productDivNav ul.tiles li .header h2:before {
	top: -31px;
	left: 47%;
}

.productDivNav ul.tiles li .header img {
	margin-top: 50px;
}

.productDivNav ul.tiles li h3 {
	font-size: 2em;
	text-transform: uppercase;
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1em;
	padding-bottom: 16px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
	margin: 0 16px 16px;
	color: #3b3b3b;
	letter-spacing: 0;
	word-break: break-word;
}

.productDivNav ul.tiles li h3:before {
	content: "\e00a";
	font-size: 26px;
	color: #00803E;
	background: #FFF;
	left: 48%;
	bottom: -14px;
}

.productDivNav ul.tiles li .image {
	height: 185px;
	overflow: hidden;
}

.productDivNav ul.tiles li .image img{
	height: 100%;
}

.productDivNav ul.tiles li.hiddenTile {
	display: none;
}

/* addtional links */
.productDivNav ul.addtionalLinks {
	margin: 16px 0 102px 0;
	width: 91.682%;
	padding: 0 4.159%;
	display: inline-block;
}

.productDivNav ul.addtionalLinks li{
	margin: -1px 0 0 0;
	padding: 0;
	background: none;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #cacaca;
	font-family:'ProximaNovaExCnSbold',sans-serif;
	position: relative;
	letter-spacing: 1px;
}

.productDivNav ul.addtionalLinks li:first-child{
	border-top: 1px solid #cacaca;
}

.productDivNav ul.addtionalLinks li a{
	display: block;
	text-decoration: none;
}

.productDivNav ul.addtionalLinks li a span.title{
	display: block;
	font-size: 1em;
	color: #222;
	padding: 10px 0;
}

.productDivNav ul.addtionalLinks li a span.icon{
	background: transparent url(../../img/chevrons.png) 0 -38px no-repeat;
	display: inline-block;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 16px;
	right: 0;
}

/* animating automatic flipping and animating the opacity */


.productDivNav ul.tiles li h3,
.languageSelector ul.tiles li h4,
.productDivNav ul.tiles li .image{
	-webkit-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	opacity: 1;
}
.productDivNav ul.tiles:hover li h3,
.languageSelector ul.tiles:hover li h4,
.productDivNav ul.tiles:hover li .image{
	opacity: 0.5;
}

.productDivNav ul.tiles li:hover h3,
.languageSelector ul.tiles li:hover h4,
.productDivNav ul.tiles li:hover .image{
	opacity: 1;
}
.productDivNav ul.tiles li .tile{
	display: block;
	position: relative;
}


.productDivNav ul.tiles:hover li.noOpacity h3,
.languageSelector ul.tiles:hover li.noOpacity h4,
.productDivNav ul.tiles:hover li.noOpacity .image{
	opacity: 1;
}



.productDivNav ul.tiles li .flipNow{
	-webkit-animation-duration:.3s;
    animation-duration:.3s;
	-webkit-backface-visibility:visible;
    backface-visibility:visible;
	-webkit-animation-name:flipOut;
    animation-name:flipOut;
}

@-webkit-keyframes flipOut {
	0% {
		-webkit-transform:perspective(800px) rotateX(0deg);
		opacity:1;
	}
	100% {
		-webkit-transform:perspective(800px) rotateX(60deg);
		opacity:0;
	}
}
@keyframes flipOut {
    0% {
         transform:perspective(800px) rotateX(0deg);
         opacity:1;
    }
    100% {
         transform:perspective(800px) rotateX(60deg);
         opacity:0;
    }
 }
/*@media screen and (max-width: 460px) {
	#page.portal{
		background: none !important;
	}
}*/

/* Language selector */

.languageSelector .header h2{
	font-size: 2.2em;
	line-height: 1.1;
	letter-spacing:0px;
	margin-bottom: 1.3em;
	margin-left: 12%;
	margin-right: 12%;
}

.languageSelector ul.tiles li .tile{
	padding-top: 2.3em;
	padding-bottom: 2.0em;
}

.languageSelector ul.tiles li h4 {
	font-size: 1.15em;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1.3;
	position: relative;
	margin: 0.35em 12% 0.1em 12%;
	color: #3b3b3b;
	letter-spacing:0px;
	word-break: break-word;
}

.languageSelector ul.tiles li h3 {
	border-color: #e4e4e4;
	-webkit-transition: opacity 0.5s linear, border-color 0.5s linear;
	-ms-transition: opacity 0.5s linear, border-color 0.5s linear;
	transition: opacity 0.5s linear, border-color 0.5s linear;
}

.languageSelector ul.tiles li:hover h3 {
	border-color: #01948b;
}

.languageSelector ul.tiles li:hover h3:before {
	color: #01948b;
}
/* 
 * Honda platform - Inclusive - CSS : Tablet/Desktop : Portal Page footer
 *
----------------------------------------------- */

#pageFooter .portalFooter .findUsOn {
	margin-top: 0.8em;
}

#pageFooter .portalFooter .usefulLinks {
	padding: 16px 0 0;
	border-top: 1px solid #339965;
}

#pageFooter .portalFooter .usefulLinks .navList > li:last-child {
	display: block;
}

#pageFooter.portal .productRange a {
	padding: 4px 0;
}

.portal .productRange a{
    width: 100%;
    display: inline-block;
    float: left;
}
/* ======================================================
BREAK POINTS
====================================================== */
.similarProductsCarousel.contentCarousel {
  background-color: #FFF; }
.similarProductsCarousel .headingContainer h2 {
  color: #3B3B3B;
  font-family: "ProximaNovaExCnLight";
  font-size: 2.3em;
  text-align: center;
  text-transform: uppercase; }
.similarProductsCarousel .carouselWrapper {
  text-align: center; }
.similarProductsCarousel .carousel ul li {
  width: 100%; }
  .no-js .similarProductsCarousel .carousel ul li {
    margin-bottom: 1.6em; }
.similarProductsCarousel .carousel.enabled ul li {
  float: left;
  clear: none; }
.similarProductsCarousel .carousel .itemInner {
  display: block;
  width: 160px;
  margin: 0 auto;
  padding: 1.1em 0 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }
  .similarProductsCarousel .carousel .itemInner:hover, .similarProductsCarousel .carousel .itemInner:focus {
    background: #F4F3F7; }
    .similarProductsCarousel .carousel .itemInner:hover .copyArea h3 span, .similarProductsCarousel .carousel .itemInner:focus .copyArea h3 span {
      color: #017D75;
      border-bottom: 3px solid #017D75; }
.similarProductsCarousel .carousel .copyArea {
  margin-top: 0;
  opacity: 1; }
  .similarProductsCarousel .carousel .copyArea h3 {
    font-family: "ProximaNovaExCnSbold";
    font-size: 1.8em;
    line-height: 1.3; }
    .similarProductsCarousel .carousel .copyArea h3 span {
      color: #3B3B3B;
      border-bottom: 1px solid #7AB99B;
      -moz-transition: border-bottom-width 0.2s, color 0.2s;
      -o-transition: border-bottom-width 0.2s, color 0.2s;
      -webkit-transition: border-bottom-width 0.2s, color 0.2s;
      transition: border-bottom-width 0.2s, color 0.2s; }
  .similarProductsCarousel .carousel .copyArea p {
    color: #3B3B3B;
    font-family: "ProximaNovaExCnSbold";
    font-size: 1.3em !important;
    line-height: 1; }
  .similarProductsCarousel .carousel .copyArea strong {
    color: #DC182D;
    font-weight: normal; }
  .similarProductsCarousel .carousel .copyArea .streetName {
    margin-bottom: 0; }
  .similarProductsCarousel .carousel .copyArea .price {
    margin-top: 0.8em;
    margin-bottom: 0; }
.similarProductsCarousel .carousel img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0.8em; }
.similarProductsCarousel .carousel .controls {
  top: 56px;
  height: 94px;
  margin-top: 0; }
.similarProductsCarousel .carousel .indicatorCounter {
  background-color: #FFF; }
.similarProductsCarousel .carousel .indicatorSteps span {
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s; }
.similarProductsCarousel .carousel.enabled .indicatorCounter {
  position: relative;
  display: block;
  padding: 32px 0 0; }
.similarProductsCarousel .carousel.enabled .indicatorSteps {
  display: none; }
.similarProductsCarousel .carousel.animating ul,
.similarProductsCarousel .carousel.animating .indicatorSteps {
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0; }
/* m_118.01_product_variants_table.css */
.productVariantsTable h2 {
	margin: 0 0 .55em;
	text-align: center;
	text-transform: uppercase;
}

.productVariantsTable .subHeading {
	border-bottom: 1px solid #DCDCDE;
	font-family: "ProximaNovaExCnLight", sans-serif;
	font-size: 2.3em;
	line-height: 1;
	padding: 0 0 1em;
	margin-bottom: 1.8em;
	text-align: center;
}

.productVariantsTable .subHeading:after {
	background-color: #F4F3F8;
	display: block;
	font-family: 'glyphs14';
	font-size: 28px;
	content: '\e026';
	line-height: 1;
	width: 40px;
	color: #DC182D;
	position: absolute;
	left: 50%;
	margin: 10px 0 0 -19px;
	text-align: center;
}

.productTable {
	margin-bottom: 2.7em;
}

.productTable thead th {
	display: none;
}

.productTable tbody tr {
	background: #fff;
	display: block;
	border-bottom: .8em solid #f4f3f8;
	padding-bottom: 1.8em;
	width: 100%;
}

.productTable tbody .heading,
.productTable tbody td {
	border-top: 1px solid #ddd;
	display: block;
	font-size: 1.3em;
	padding: 1em 0;
	text-align: left;
}

.productTable tbody .heading {
	clear: both;
	float: left;
	font-family: 'ProximaNovaExCnSbold', sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0 7%;
	width: 30%;
	color: #3b3b3b;
}

.productTable tbody td {
	float: right;
	margin: 0 7% 0 0;
	padding-left: 5%;
	width: 51%;
}

.productTable .productTableImage {
	border-top: 0;
	text-align: center;
	margin: 0 7%;
	padding: 0;
	width: 86%;
}

.productTableImage img {
	display: block;
	margin: 0 auto;
	width: 45%;
}

.productTable .productHighlight {
	color: #3b3b3b;
	font-family: "ProximaNovaExCnSbold", sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.111;
}

.productTable .productTableTitle {
	border-top: 0;
	border-bottom: 3px solid #ddd;
	font-family: "ProximaNovaExCnLight", sans-serif;
	font-size: 2.6em;
	line-height: 1.077;
	margin: 0 7% 0.3em;
	padding: 0.269em 0;
	text-align: center;
	width: 86%;
	color: #3b3b3b;
}

.productVariantsTable .primaryCta {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 620px) {
	.productTable tbody .noBorderTop {
		border-top: 0;
	}
}

/* Grouped variant */

.productTableGrouped thead,
.productTableGrouped thead tr,
.productTableGrouped thead .groupType {
	display: block;
}

.productTableGrouped thead {
	border-bottom: 8px solid #f4f3f8;
	background: #ecebf0;
}

.productTableGrouped thead th {
	display: none;
}

.productTableGrouped thead .groupType {
	padding: 0.937em 4.827%;
	text-align: left;
}

.productTableGrouped th {
	font-weight: normal;
}

.productTableGrouped th span {
	display: block;
}

.productTableGrouped .groupType .type {
	font-family: 'ProximaNovaExCnSReg', Tahoma, sans-serif;
	font-size: 1.375em;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #3b3b3b;
}

.productTableGrouped .groupType .description {
	font-size: 0.8125em;
}

.tableHasNoHeadings tbody .heading,
.tableHasNoHeadings thead .groupType {
	display: none;
}

.tableHasNoHeadings .productTableDetail {
	width: 86%;
	border-top: 1px solid #ddd;
}
/*----------------------------------
	sectionSignpostCroppedImg
-------------------------------------*/
.sectionSignpostCroppedImg {
	position: relative;
	overflow:hidden; 
	background:#fff;
	padding:0;
}

.sectionSignpostCroppedImg .wrapper {
	padding:0 0 58px 0;
}

.sectionSignpostCroppedImg .ssciContentCol {
	padding:32px 0 0 0;
}

.sectionSignpostCroppedImg .ssciContentCol:first-child {
	padding: 58px 0 0;
}

.sectionSignpostCroppedImg .ssciContentCol h2 {
	margin: 0 0 19px;
}

.sectionSignpostCroppedImg .ssciContentCol .secondaryCta {
	margin: 0 0 28px;
}

.sectionSignpostCroppedImg .primaryCta {
	margin: 0;
}

.sectionSignpostCroppedImg .ssciContentCol .linkList {
	margin: 0;
}

.sectionSignpostCroppedImg .ctaContainer{
	border-top: 0;
}

.conceptModule h2 {
    margin-bottom: 0.5em;
    font-family: "ProximaNovaExCnSBold", Tahoma, Helvetica, Arial, sans-serif;
    font-size: 5em;
    word-break: break-word;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.conceptModule img {
    vertical-align: bottom;
}

.conceptModule .textContent {
    padding-bottom: 2.5em;
}

.conceptModule .ctaWrapper {
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: 3.2em;
}

.conceptModule h3 {
    padding-top: 1.217em;
    margin-bottom: 1em;
}

.conceptModule .textContent p {
    font-size: 1.5em;
}

.conceptModule .secondaryCta {
    margin-bottom: 0;
    margin-top: 0;
}

.conceptModule .secondaryCta a {
    display: block;
    margin: 0.4em 0 0.15em 0;
    width: 100%;
}

.conceptModule .secondaryCta a:after {
    font-weight: bold;
    position: absolute;
}
/*----------------------------------------------
	Section signpost wide bg
	.sswb*... === "section signpost wide bg"*...
------------------------------------------------*/

.sectionSignPostWideBg {
	background-color: white;
}

.sectionSignPostWideBgDesktop {
	padding:349px 0 0 0;
	background-color:#e8e7eb;
}

.sectionSignPostWideBg img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.module.sectionSignPostWideBg {
	background-position: 50% 0;
	background-repeat:no-repeat;
}

.sectionSignPostWideBg .wrapper {
	overflow:hidden;
	padding:0;
}


.sectionSignPostWideBg.sswbRepeatingBg {
	padding-top: 210px;
	background-repeat:repeat;
	background-position: 0;
}

.sectionSignPostWideBg .innerWrapper {
	width:100%;
	margin:0 auto;
	padding:0;
}

.sectionSignPostWideBg .innerWrapper p {
	margin:0 0 28px 0;
}

.sectionSignPostWideBg .innerWrapper p.ctaContainer {
	padding: 0;
	border-top: 0;
}

.sectionSignPostWideBg .sswbContent {
	background:#fff;
	padding:60px 5%;
	width:90%;
}

.sectionSignPostWideBg .innerWrapper h2 {
	margin: 0 0 25px 0;
}

.ie8 .sectionSignPostWideBg .innerWrapper h2,
.ie9 .sectionSignPostWideBg .innerWrapper h2,
.ie10 .sectionSignPostWideBg .innerWrapper h2 {
	word-break: normal;
}

.sectionSignPostWideBg .primaryCta {
	margin: 0;
}

.sectionSignPostWideBg .secondaryCta.simpleCta {
	margin: 0 0 25px 0;
}

.sectionSignPostWideBg .externalLink {
	margin: 7px 0 27px 0;
}

.sectionSignPostWideBg ul.linkList {
	margin-bottom:0;
}

.sectionSignPostWideBg .sswbContent a.externalLink{
	margin: 0 0 28px 0;
}

.sectionSignPostWideBg .sswbContent a.externalLink:after{
	font-size: 28px;
}

 @media only screen and (max-width: 621px) {

 	.sectionSignPostWideBg .sswbContent a.externalLink{
		margin: 0;
 	}

 }


/* Optional colour classes */
.sswbWhite {
	background-color:#fff;
}

.sswbOchre {
	background-color:#d6d484;
}

.sswbGold {
	background-color:#ffbe00;
}

.sswbPaleYellow {
	background-color:#f0dfae;
}

.sswbDarkBlue {
	background-color:#30556c;
}

.sswbBrightBlue {
	background-color:#00aeef;
}

.sswbLightBlue {
	background-color:#bae0f5;
}

.sswbSpringGreen {
	background-color:#7fb83c;
}

.sswbBrightGreen {
	background-color:#31c378;
}

.sswbAquaGreen {
	background-color:#b0cbc8;
}

.sswbBasaltGrey {
	background-color:#a0a4a7;
}

.sswbGreyedTan {
	background-color:#d9d2bd;
}

.sswbGreyedPink {
	background-color:#dfd4ce;
}

.sswbDarkGrey {
	background-color:#3e3938;
}

.sswbBackgroundGrey {
	background-color:#e8e7eb;
}

.sswbSingleImage .imageWrapper {
	display: none;
}

.pdTextOnDark {
    position: relative;
}

.pdTextOnDark .wrapper .sectionAlpha [class$='SignPostIco'] + h2:before {
    background: #ffffff;
}

.pdTextOnDark .sectionBeta {
    background: #f4f3f8;
}

.pdTextOnDark .sectionAlpha h2:before {
    background: #fff;
}

.pdTextOnDark .sectionAlpha {
    padding-top: 1.6em;
}
/* ======================================================
BREAK POINTS
====================================================== */
.categoryProductNav.contentCarousel {
  background: inherit; }
.categoryProductNav .headingContainer h2 {
  margin-bottom: 0.4em;
  color: #DC182D;
  font-size: 2.6em; }
.categoryProductNav .mainProduct {
  display: none; }
@media screen and (max-width: 620px) {
  .categoryProductNav .carousel {
    padding: 0; }
    .categoryProductNav .carousel .carouselWrapper {
      margin: 0; }
    .categoryProductNav .carousel.enabled .controls,
    .categoryProductNav .carousel.enabled .indicatorCounter {
      display: none; }
    .categoryProductNav .carousel.enabled ul {
      width: 100% !important;
      height: auto !important; }
      .categoryProductNav .carousel.enabled ul li {
        float: none;
        clear: both; } }
.categoryProductNav .carousel ul li {
  margin-bottom: 0;
  padding-bottom: 3em; }
  .categoryProductNav .carousel ul li:nth-child(even) {
    background-color: #FFF; }
.categoryProductNav .carousel .itemInner {
  width: 80%; }
  .categoryProductNav .carousel .itemInner:hover, .categoryProductNav .carousel .itemInner:focus {
    background-color: transparent; }
.categoryProductNav .carousel .copyArea {
  margin-top: 1.5em; }
  .categoryProductNav .carousel .copyArea .productDescription {
    margin: 0.55em 0 0;
    font-family: Tahoma, Arial, sans-serif;
    line-height: 1.4; }
/*
/*
 * Honda platform - Inclusive - CSS : Baseline : M36 PRODUCT SINGLE DARK
 *
----------------------------------------------- */


.productMultiple .contentWrapper.singleProduct {
    padding-bottom: 1.6em;
    border-bottom: solid 1px #5a595b;
    margin: 0 0 2.4em 0;
}
.productMultiple .contentWrapper.bikeSingle:last-child .contentWrapper {
    padding-bottom: 9.4em;
    margin-bottom: 0;
}
/*
.module.moduleFlush.moduleThemeDark{
    padding-top: 24px;
}
*/

.productMultiple .bikeSingle:last-child .contentWrapper {
    border: none;
}

.moduleThemeDark .singleProduct .modelPrice {
    margin-bottom: 3em;
}

.moduleThemeDark .singleProduct .modelPrice h2 {
    font-family: ProximaNovaExCnSbold,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 4.8em;
    letter-spacing: -1px;
}

.moduleThemeDark .singleProduct .description {
    margin-bottom: 0;
}

.moduleThemeDark .singleProduct .simpleCta {
    margin-top: 0;
    padding-top: 0;
}

.moduleFlush.productMultiple.moduleThemeDark {
    margin-bottom: 0;
}
.module.brandHighlight .wrapperInner {
	clear: both;
}
.module.brandHighlight .wrapperInner:after,
.module.brandHighlight .wrapperInner .row:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.brandHighlight .col {
	float: left;
	width: 100%;
	margin:0;
}
.brandHighlight .col:first-child {
	margin-left: 0;
}
.brandHighlight .heroCol {
	width: 100%;
}
.brandHighlight .secondaryCta.simpleCta {
    margin: 0;
}
.brandHighlight .externalLink,
.brandHighlight .primaryCta {
    margin: 0 0 .15em;
}

.brandHighlight .brandTitle {
	margin: 0 0 32px 0;
}

.brandHighlightWide {
    margin: 89px 0 96px;
}
.brandHighlight .brandTitle,
.brandHighlightWide h2 {
    color: #dc182d;
    margin: 0 0 .43em;
    letter-spacing: -2px;
    width: 80%;
    text-transform: uppercase;
    font: 5em/0.9 "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
}
.brandHighlightWide h4 {
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
    font-size: 2.3em;
    text-transform: uppercase;
    color: #3b3b3b;
    margin: 0 0 .24em;
    width: 74.074%;
}
.brandHighlightWide h4:before,
.brandHighlightWide h4:after {
    content: "-";
    display: inline-block;
}
.brandHighlightWide h4:before {
    padding: 0 3px 0 0;
}
.brandHighlightWide h4:after {
    padding: 0 0 0 3px;
}
.brandHighlightWide p {
    padding: 0;
}

@media only screen and (min-width: 481px) and (max-width: 800px)  {

	.brandHighlight .listNav {
		width:84.2999517%;
		margin:0 15.700049% 0 0;
	}
}

@media only screen and (min-width: 1px) and (max-width: 800px)  {

	.brandHighlight .col {
	    margin-left: 0;
	    width: 100%;
	}
	.brandHighlight .heroCol {
		width:100%;
		margin-left: 0;
	}

	.brandHighlight .ctaContainer{
		margin: 10px 0;
		border-top: 0;
	}

}

@media only screen and (min-width: 801px) {

	.brandHighlight .col {
		margin-left: 3.703%;
		width: 22.222%;
}

	.brandHighlight .heroCol {
		width: 48.148%;
		margin-left: 0;
	}

	.brandHighlight .brandTitle {
		font-size: 7.0em;
	}
}

@media only screen and (min-width: 1024px){

	.brandHighlight .brandTitle {
		font-size: 10.0em;
	}
}



.hmcFilters {
	margin: 0 0 64px;
	position: relative;
}

.hmcFilters .startAgain {
	margin: 0 auto 1em;
	text-align: center;
}

.hmcFilters .startAgain a {
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}

.hmcFilters .startAgain a:focus,
.hmcFilters .startAgain a:hover {
	color: #017D75;
}

.hmcFilters .disabled a,
.hmcFilters .disabled a:focus,
.hmcFilters .disabled a:hover {
	color: #a1a1a1;
	cursor: default;
}

.hmcFilters [class*='startAgain']:before {
	font-size: 15px;
	position: relative;
	margin-right: .25em;
	top: -3px;
}

.hmcCategories {
	background: #fff;
	z-index: 1;
}

.hmcCategories .category {
	margin: 0 0 2px;
}

.hmcCategories .opened a,
.hmcCategories .selected a {
	background: #fff;
	color: inherit;
}

.hmcCategories .category > a {
	display: block;
	padding: 1em 1em 1em 1.3em;
	position: relative;
	text-decoration: none;
}

.hmcCategories .category > a svg .no-fill,
.hmcCategories .category.opened > a svg .no-fill {
	fill: transparent;
}

.hmcCategories .category > a svg .no-stroke,
.hmcCategories .category.opened > a svg .no-stroke {
	stroke: none;
}

.hmcCategories .category > a svg g,
.hmcCategories .category > a svg path,
.hmcCategories .category > a svg line,
.hmcCategories .category > a svg polygon {
	fill: white;
	stroke: white;
}

.hmcCategories .category > a svg rect,
.hmcCategories .category > a svg circle,
.hmcCategories .category > a svg polyline {
	stroke: white;
}

.hmcCategories .category > a svg text {
	fill: #fff;
}

.hmcCategories .category.opened > a svg g,
.hmcCategories .category.opened > a svg path,
.hmcCategories .category.opened > a svg line,
.hmcCategories .category.opened > a svg polygon {
	fill: black;
	stroke: black;
}

.hmcCategories .category.opened > a svg rect,
.hmcCategories .category.opened > a svg circle,
.hmcCategories .category.opened > a svg polyline {
	stroke: black;
}

.hmcCategories .category.opened > a svg text {
	fill: #000;
}


/* ======= */
/* Fallback */
/* ======= */

.hmcCategories .category > a .hmcIcon {
	display: none;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	background-image: url(../../img/hmc_sprite.png);
}

.hmcCategories .category > a .hmc_bikes_mainlyusedfor,
.hmcCategories .category > a .hmc_atv_type {
	background-position: 0 0;
}

.hmcCategories .category > a .hmc_atv_steeringsupport {
	background-position: -32px 0;
}

.hmcCategories .category > a .hmc_atv_drive {
	background-position: -64px 0;
}

.hmcCategories .category > a .hmc_bikes_enginesize,
.hmcCategories .category > a .hmc_atv_enginedisplacement {
	background-position: -96px 0;
}

.hmcCategories .category > a .hmc_bikes_transmission,
.hmcCategories .category > a .hmc_atv_transmission {
	background-position: -128px 0;
}

.hmcCategories .category > a .hmc_bikes_license {
	background-position: -160px 0;
}

.hmcCategories .category > a .hmc_bikes_seatheight,
.hmcCategories .category > a .hmc_waterpumps_totalhead {
	background-position: -192px 0;
}

.hmcCategories .category > a .hmc_lg_stripes {
	background-position: -224px 0;
}

.hmcCategories .category > a .hmc_lg_yourlawn,
.hmcCategories .category > a .hmc_tillers_yourplot {
	background-position: -256px 0;
}

.hmcCategories .category > a .hmc_tillers_handle {
	background-position: -288px 0;
}

.hmcCategories .category > a .hmc_tillers_dryweight {
	background-position: -320px 0;
}

.hmcCategories .category > a .hmc_lg_noiselevel,
.hmcCategories .category > a .hmc_tillers_soundlevel,
.hmcCategories .category > a .hmc_generators_soundlevel {
	background-position: -352px 0;
}

.hmcCategories .category > a .hmc_tillers_attachments {
	background-position: -384px 0;
}

.hmcCategories .category > a .hmc_lg_grasscollection {
	background-position: -416px 0;
}

.hmcCategories .category > a .hmc_lg_mulching {
	background-position: -448px 0;
}

.hmcCategories .category > a .hmc_marine_shaft {
	background-position: -480px 0;
}

.hmcCategories .category > a .hmc_marine_batterychargingcapacity {
	background-position: -512px 0;
}

.hmcCategories .category > a .hmc_marine_horsepower {
	background-position: -576px 0;
}

.hmcCategories .category > a .hmc_marine_enginetrimtilt {
	background-position: -544px 0;
}

.hmcCategories .category > a .hmc_snowthrowers_clearingcapacity {
	background-position: -608px 0;
}

.hmcCategories .category > a .hmc_snowthrowers_clearingsystem {
	background-position: -640px 0;
}

.hmcCategories .category > a .hmc_snowthrowers_throwingdistance {
	background-position: -672px 0;
}

.hmcCategories .category > a .hmc_snowthrowers_tractiontype {
	background-position: -736px 0;
}

.hmcCategories .category > a .hmc_snowthrowers_runningtime,
.hmcCategories .category > a .hmc_waterpumps_runningtime,
.hmcCategories .category > a .hmc_generators_runningtime {
	background-position: -704px 0;
}

.hmcCategories .category > a .hmc_waterpumps_maxoutput {
	background-position: -768px 0;
}

.hmcCategories .category > a .hmc_waterpumps_maxoutput {
	background-position: -768px 0;
}

.hmcCategories .category > a .hmc_waterpumps_pressure {
	background-position: -800px 0;
}

.hmcCategories .category > a .hmc_waterpumps_trashandchemicals {
	background-position: -832px 0;
}

.hmcCategories .category > a .hmc_generators_mainlyusedfor {
	background-position: -864px 0;
}

.hmcCategories .category > a .hmc_generators_ratedoutput {
	background-position: -896px 0;
}

.hmcCategories .category > a .hmc_generators_starter {
	background-position: -928px 0;
}

/* opened state */
.hmcCategories .category.opened > a .hmc_bikes_mainlyusedfor,
.hmcCategories .category.opened > a .hmc_atv_type {
	background-position: 0 -32px;
}

.hmcCategories .category.opened > a .hmc_atv_steeringsupport {
	background-position: -32px -32px;
}

.hmcCategories .category.opened > a .hmc_atv_drive {
	background-position: -64px -32px;
}

.hmcCategories .category.opened > a .hmc_bikes_enginesize,
.hmcCategories .category.opened > a .hmc_atv_enginedisplacement {
	background-position: -96px -32px;
}

.hmcCategories .category.opened > a .hmc_bikes_transmission,
.hmcCategories .category.opened > a .hmc_atv_transmission {
	background-position: -128px -32px;
}

.hmcCategories .category.opened > a .hmc_bikes_license {
	background-position: -160px -32px;
}

.hmcCategories .category.opened > a .hmc_bikes_seatheight,
.hmcCategories .category.opened > a .hmc_waterpumps_totalhead {
	background-position: -192px -32px;
}

.hmcCategories .category.opened > a .hmc_lg_stripes {
	background-position: -224px -32px;
}

.hmcCategories .category.opened > a .hmc_lg_yourlawn,
.hmcCategories .category.opened > a .hmc_tillers_yourplot {
	background-position: -256px -32px;
}

.hmcCategories .category.opened > a .hmc_tillers_handle {
	background-position: -288px -32px;
}

.hmcCategories .category.opened > a .hmc_tillers_dryweight {
	background-position: -320px -32px;
}

.hmcCategories .category.opened > a .hmc_lg_noiselevel,
.hmcCategories .category.opened > a .hmc_tillers_soundlevel,
.hmcCategories .category.opened > a .hmc_generators_soundlevel {
	background-position: -352px -32px;
}

.hmcCategories .category.opened > a .hmc_tillers_attachments {
	background-position: -384px -32px;
}

.hmcCategories .category.opened > a .hmc_lg_grasscollection {
	background-position: -416px -32px;
}

.hmcCategories .category.opened > a .hmc_lg_mulching {
	background-position: -448px -32px;
}

.hmcCategories .category.opened > a .hmc_marine_shaft {
	background-position: -480px -32px;
}

.hmcCategories .category.opened > a .hmc_marine_batterychargingcapacity {
	background-position: -512px -32px;
}

.hmcCategories .category.opened > a .hmc_marine_horsepower {
	background-position: -576px -32px;
}

.hmcCategories .category.opened > a .hmc_marine_enginetrimtilt {
	background-position: -544px -32px;
}

.hmcCategories .category.opened > a .hmc_snowthrowers_clearingcapacity {
	background-position: -608px -32px;
}

.hmcCategories .category.opened > a .hmc_snowthrowers_clearingsystem {
	background-position: -640px -32px;
}

.hmcCategories .category.opened > a .hmc_snowthrowers_throwingdistance {
	background-position: -672px -32px;
}

.hmcCategories .category.opened > a .hmc_snowthrowers_tractiontype {
	background-position: -736px -32px;
}

.hmcCategories .category.opened > a .hmc_snowthrowers_runningtime,
.hmcCategories .category.opened > a .hmc_waterpumps_runningtime,
.hmcCategories .category.opened > a .hmc_generators_runningtime {
	background-position: -704px -32px;
}

.hmcCategories .category.opened > a .hmc_waterpumps_maxoutput {
	background-position: -768px -32px;
}

.hmcCategories .category.opened > a .hmc_waterpumps_maxoutput {
	background-position: -768px -32px;
}

.hmcCategories .category.opened > a .hmc_waterpumps_pressure {
	background-position: -800px -32px;
}

.hmcCategories .category.opened > a .hmc_waterpumps_trashandchemicals {
	background-position: -832px -32px;
}

.hmcCategories .category.opened > a .hmc_generators_mainlyusedfor {
	background-position: -864px -32px;
}

.hmcCategories .category.opened > a .hmc_generators_ratedoutput {
	background-position: -896px -32px;
}

.hmcCategories .category.opened > a .hmc_generators_starter {
	background-position: -928px -32px;
}



.hmcCategories .category > a:focus,
.hmcCategories .category > a:hover {
	background: #017d75;
	color: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.hmcCategories .opened > a:focus,
.hmcCategories .opened > a:hover {
	background: #fff;
}

.hmcCategories .category > a .title {
	display: inline-block;
	width: 80%;
}
.hmcCategories .category > a span {
	vertical-align: middle;
}
.hmcCategories .category > a svg {
	margin-right: 10px;
}

.hmcCategories .category .downChevronLargeIco:before {
	content: '';
}

.hmcCategories .downChevronLargeIco:after {
	bottom: 0;
	content: '\e01c';
	font-family: 'glyphs14';
	font-size: 21px;
	font-weight: bold;
	height: 50%;
	margin: auto;
	padding: .25em 0 0;
	position: absolute;
	right: .5em;
	top: 0;
}

.hmcCategories .opened .downChevronLargeIco:after,
.hmcCategories .selected .downChevronLargeIco:after {
	content: '\e019';
	color: #00803e;
}

.hmcCategories .topSpeed28Ico:before {
	bottom: 0;
	font-family: 'glyphs28';
    font-size: 28px;
	height: 50%;
	left: .5em;
	margin: auto;
	position: absolute;
	top: 0;
}

.hmcCategories a .change {
		display: none;
}

.hmcCategories .selected a .change {
	display: block;
}

.hmcCategories .selected.opened a .change {
	display: none;
}

.hmcCategories .change {
	float: right;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.hmcCategories .change i {
	border-bottom: 1px solid #FFF;
	float: right;
	font-style: normal;
	-webkit-transition: border-bottom 0.2s ease-in-out;
	transition: border-bottom 0.2s ease-in-out;
}

.hmcCategories .category:focus .change i,
.hmcCategories .category:hover .change i {
	border-bottom: 3px solid #fff;
}

.hmcCategoryFilters {
	display: none;
	margin: 0;
}

.selected .hmcCategoryFilters {
	display: block;
}

.hmcCategoryFilters .filter {
	cursor: pointer;
}

.hmcCategoryFilters .filterInner {
	background: #fff;
	border-left: 5px solid transparent;
	border-top: 2px solid #f4f3f8;
	padding: 1em 5% 1em 3.5%;
}

.hmcCategoryFilters .selected .filterInner {
	border-left: 5px solid #ee1b2f;
}

.hmcCategoryFilters .disabled label {
	cursor: default;
}

.hmcCategoryFilters .disabled .filterInner {
	background: #e3e6eb url(../../img/hmc_disabled.png) repeat 0 0;
}

.content .hmcCategoryFilters label {
	display: block;
	font-size: 1em;
	font-weight: normal;
}

.hmcCategoryFilters .title {
	border-bottom: 1px solid #7ab99b;
	display: inline;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.231em;
	font-weight: normal;
	text-transform: uppercase;
	-webkit-transition: border-bottom .2s ease-in-out;
	transition: border-bottom .2s ease-in-out;
}

.hmcCategoryFilters .title:focus,
.hmcCategoryFilters .filter:hover .title {
	border-bottom-width: 3px;
	border-bottom-color: #017d75;
}

.hmcCategoryFilters .selected .title {
	border-bottom: 0;
	color: #ee1b2f;
}

.hmcCategoryFilters .disabled .title {
	border-bottom: 0;
	cursor: default;
}

.hmcCategoryFilters .description {
	display: block;
	line-height: 1.5;
	margin: .5em 0;
}

.hmcCategoryFilters .disabled .description {
	color: #9e9e9e;
}

.hmcAvailableVariants {
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	letter-spacing: 1px;
	position: relative;
	text-align: center;
	z-index: 4;
}

.hmcAvailableVariants .number {
	color: #fff;
	display: inline-block;
	margin: 0 0 1.75em;
	padding: .2em 0 0;
}

.csstransitions .hmcAvailableVariants .number:before {
	-webkit-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}

.hmcAvailableVariants .number:before {
	background: #dc182d;
	content: '';
	border: 4px solid #f4f3f8;
	border-radius: 2.5em;
	height: 2.5em;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	top: -1em;
	width: 2.5em;
	z-index: -1;
}

.ie8 .hmcAvailableVariants .number:before {
	background: url(../../img/hmc_results_count_bg.png) no-repeat 50% 50%;
	border: 0;
	height: 51px;
	width: 51px;
}

.hmcAvailableVariants .available {
	display: block;
}

.csstransitions .hmcAvailableVariants.update .number:before {
	background-color: #017D75;
}

@media screen and (max-width: 620px) {
	.hmcFilters .wrapperInner {
		padding: 0;
	}

	.hmcCategoryFilters .description {
		font-size: 0.813em !important;
	}
}

/* Theme Alpha - Lawnmowers */
.themeAlpha .category a {
	background: #00803e;
	color: #fff;
}

.themeAlpha .selected .downChevronLargeIco:after {
	color: #00803e;
}

/* Theme Beta - Marine */
.themeTheta .category a,
.themeBeta .category a {
	background: #0c445b;
	color: #fff;
}

.themeBeta .hmcCategories .opened .downChevronLargeIco:after,
.themeBeta .hmcCategories .selected .downChevronLargeIco:after,
.themeTheta .hmcCategories .opened .downChevronLargeIco:after,
.themeTheta .hmcCategories .selected .downChevronLargeIco:after {
	color: #0c445b;
}

/* Theme Gamma - Bike & Theme Delta - ATV */
.themeGamma .category a,
.themeDelta .category a,
.themeEta .category a{
	background: #161415;
	color: #fff;
}

.themeGamma .hmcCategories .opened .downChevronLargeIco:after,
.themeGamma .hmcCategories .selected .downChevronLargeIco:after,
.themeDelta .hmcCategories .opened .downChevronLargeIco:after,
.themeDelta .hmcCategories .selected .downChevronLargeIco:after,
.themeEta .hmcCategories .opened .downChevronLargeIco:after,
.themeEta .hmcCategories .selected .downChevronLargeIco:after {
	color: #161415;
}

/* Theme Epsilon - Generators */
.themeEpsilon .category a {
	background: #3e3838;
	color: #fff;
}

.themeEpsilon .selected .downChevronLargeIco:after {
	color: #3e3838;
}

/* Theme Zeta - Snowblowers */
.themeZeta .category a {
	background: #1a5a73;
	color: #fff;
}

.themeZeta .hmcCategories .opened .downChevronLargeIco:after,
.themeZeta .hmcCategories .selected .downChevronLargeIco:after {
	color: #1a5a73;
}

/* Shared */

.hmcCategories {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.hmcCategories .opened a {
	background: #fff;
	color: #3b3b3b;
}

.hmcCategories .disabled .title,
.hmcCategories .disabled label:hover .title {
	color: #9e9e9e;
}

.hmcCategories .panel {
	-webkit-transition: max-height 0.3s ease-in-out;
	transition: max-height 0.3s ease-in-out;
	overflow: hidden;
}

.hmcCategories .opened .panel {
	max-height: 50em;
}

.hmcCategories .panel {
	max-height: 0;
}

.hmcCategories .selected a .change {
	display: block;
}

.hmcCategories a .change,
.hmcCategories .selected.opened a .change {
	display: none;
}

/*.themeGamma .selected [class$='Ico']:after,
.themeDelta .selected [class$='Ico']:after, */
.hmcCategories .selected [class$='Ico']:after {
	display: none;
}

.hmcCategories .opened [class$='Ico']:after {
	display: block;
}

.hmcCategoryFilters label:focus .title,
.hmcCategoryFilters label:hover .title {
	color: #017d75;
}


/* SLIDER */
/* ===================== */

.hmcCategories .option-slider {
	height: 80px;
}

.hmcCategories .slider-wrap {
	padding-top: 5em;
	background: white;
	border-top: 2px solid #f4f3f8;
}

.hmcCategories .slider-range {
  position: relative;
}

.hmcCategories .slider-bg {
  height: 31px;
  background: #e1e4ea;
  border-radius: 1.5em;
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
}

.hmcCategories .slider-track {
	border: none;
	height: 20px;
	position: absolute;
	margin: 0;
	top: 12px;
	left: 30px;
	right: 30px;
	z-index: 1;
}

.hmcCategories .slider-track li {
  display: block;
  position: absolute;
  height: 30%;
  width: 1px;
  background: #fff;
  padding: 0;
  margin: 0;
}

.hmcCategories .ui-slider-range {
  border-radius: 1.5em;
  background: #DC182D;
  height: 30px;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
}

.hmcCategories .option-slider [class$='Ico']:before {
	font-size: 1.2em;
	line-height: 29px;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.hmcCategories .slider-buttons {
	position: absolute;
	top: -3px;
	height: 36px;
	width: 36px;
	background: #00803e;
	z-index: 999;
	border-radius: 50%;
	border: 3px solid white;
	cursor: pointer;
	color: white;
	outline: none;
	font-family: 'glyphs14';
	font-weight: bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.hmcCategories .slider-buttons span {
	position: relative;
}

.hmcCategories .slider-buttons:hover {
	background-color : #017d75;
}

.hmcCategories .slider-buttons.on-touch {
	height: 42px;
	width: 42px;
	top: -6px;
	background-color: #017d75;
	padding-top: 0.3em;
	font-size: 1.16em;
	margin-left: -2px;
}
.hmcCategories .option-slider .on-touch [class$='Ico']:before {
	line-height: 27px;
}

.hmcCategories .sliderRixht {
  right: 0px;
  margin: 0;
}

.hmcCategories .sliderLeft {
  left: 0px;
}

.hmcCategories .min-value,
.hmcCategories .max-value {
	position: absolute;
	top: -2.4em;
	width: 50px;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
}

.hmcCategories .min-value {
	left: 34%;
}

.hmcCategories .max-value {
 	right: 34%;
}

.hmcCategories .sliderLeft.single .rightChevronLargeIco {
	margin-left: 0.4em;
}

.hmcCategories .sliderRight.single .leftChevronLargeIco {
	margin-left: 0.35em;
}

.hmcCategories .optionslider [class$='Ico']:before {
	font-size: 1.25em;
	line-height: 1.5;
	padding: 0;
}

.hmcCategories .option-slider .value-dash {
	position: absolute;
	left: 48.5%;
	top: -2.4em;
}

.no-svg .hmcCategories .category > a svg {
	display: none;
}

.no-svg .hmcCategories .category > a .hmcIcon {
	display: inline-block;
}

/* NO JAVASCRIPT */

.no-js .helpMeChoose {
	margin-bottom: 2em;
}

.no-js .pageIntroLead {
	padding-bottom: 3em;
}

.no-js .helpMeChooseMod,
.no-js .subHubPageIntro,
.no-js .inPageDisclaimer.legalHeader,
.no-js .priceDisclaimer.legalFooter {
	display: none;
}
/* Mobile */

/* NOTES ON FILE

----------------------------------------------------
** 1. Result tiles module

** 1.1 Main part - visible by default
** 1.2 Sliding part - hidden by default

----------------------------------------------------
** 2. "No results" module

---------------------------------------*/


/* 1. Result tiles module */

/* 1.1 Main part - visible by default
-------------------------------------------*/

.hmcResultsList {
	position: relative;
}

/* Break out of grid for results: mobile only */
@media screen and (max-width: 620px) {
	.hmcResults .wrapperInner {
		padding: 0;
	}
}

.hmcResultsList .result {
	background: #fff;
	display: block;
	margin-bottom: 1em;
	overflow: hidden;
	position: relative;	
	text-align: center;
}

.hmcResultsList .result:hover {
	cursor: pointer;
}

.hmcResultsList .hidden {
	display: none;
}

.hmcResults .hmcResultsList a {
	text-decoration: none;	
}

.hmcResultsList .resultInner {
	position: relative;
}

.hmcResults .varDetailsBlock {
	color: inherit;
	display: block;
	/*height: 100%;*/
	padding-top: 1.45em;
	padding: 1.45em 5% 0 5%;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hmcResults .genericName {
	display: block;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	letter-spacing: 1px;
	line-height: 1;
	margin: 1.455em 0 .25em;
}

.hmcResults .new {
	color: #dc182d;
}

.hmcResults li .varName {
	font-family: "ProximaNovaExCnSReg", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	letter-spacing: 2px;
	line-height: 1.4;
	padding: 0;
	margin: 0 5% 0 5%;
}

.hmcResults li .varName span {
	border-bottom: 1px solid #7fbf9e;
	color: #333;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.hmcResults li .varName span:hover,
.hmcResults li .varName span:focus {
	color: #017d75;
	border-bottom-width: 3px;
	border-color: #017d75;
	position: relative;
}

.hmcResults .varPrice {
	display: block;
	font-size: 0.7em;
	letter-spacing: 1px;
	margin-top: 0;
	position: relative;
}

.hmcResults .varImage {
	padding: 0.5em 32%;
	width: auto;
}

.hmcResults .varImage img {
	width: 100%;
}

.hmcResultsList .result .varDescription {
	display: block;
	font-size: 0.813em !important;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0 5%;
	padding-bottom: 1.6em;
}

/* 1.2 Sliding part - hidden by default
-------------------------------------------*/

.hmcResults .linkContainer {
	padding: 1.45em 5% 0.4em 5%;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.hmcResults .selected .linkContainer {
	opacity: 1;
}

.hmcResultsList .result:hover .linkContainer {
	cursor: default;
}

.hmcResultsList .closeIco {
	display: none;
	font-size: 1em;
	position: absolute;
	right: 3.5%;
	top: .6em;
}

.hmcResultsList .selected .closeIco	{
	display: block;
}

.hmcResultsList .closeIco:before {
	color: #00803e;
	font-size: 26px; /* Must be in px */
	font-weight: normal;
}

.hmcResultsList .closeIco:hover:before,
.hmcResultsList .closeIco:focus:before {
	color: #017d75;
}

.hmcResults .ctaBlock {
	margin: 0;
}

.hmcResults .ctaBlock a {
	display: block;
	margin: 0 0 1em 0;
}

.hmcResults .secondaryCta a:before {
	display: block;
	top: -2px;
}

.hmcResults .secondaryCta a:after {
	display: none;
}

.hmcResultsList .variant-compare {
	border-top: 2px solid #F4F3F8;
}

.hmcResultsList .variant-compare label {
	color: #3b3b3b;
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	font-weight: normal;
	padding: .5em 0;
	margin: 0;
}

.hmcResultsList .variant-compare label:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDgwM0UiIGQ9Ik0xMywyYzAtMS4xMDQtMC44OTYtMi0yLTJIMkMwLjg5NiwwLDAsMC44OTYsMCwydjkKCWMwLDEuMTA0LDAuODk2LDIsMiwyaDljMS4xMDQsMCwyLTAuODk2LDItMlYyeiBNMTEsMTFIMlYyaDlWMTF6Ii8+Cjwvc3ZnPg==) no-repeat 0 0;
	content: '';
	display: inline-block;
	line-height: 13px;
	margin-right: .25em;
	width: 14px;
	height: 13px;
}

.ie8 .hmcResultsList .variant-compare label:before {
	background: url(../../img/sprite_checkboxes.png) no-repeat 0 -13px;
	width: 13px;
}

.hmcResultsList .checked label:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0RDMTgyRCIgZD0iTTEwLjkwMiwxLjI1MUw0LjYsNy41NTZMMi4wOTcsNS4wNTJMMCw3LjE0N2w0LjYsNC42MDJsMi4wOTctMi4wOTdMMTMsMy4zNDlMMTAuOTAyLDEuMjUxeiIvPgo8L3N2Zz4=);
}

.ie8 .hmcResultsList .variant-compare.checked label:before {
	background-position: 0 -26px;
}

.hmcResultsList .disabled label:before {
	background-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM5RDlEOUQiIGQ9Ik0xMywyYzAtMS4xMDQtMC44OTYtMi0yLTJIMkMwLjg5NiwwLDAsMC44OTYsMCwydjkKCWMwLDEuMTA0LDAuODk2LDIsMiwyaDljMS4xMDQsMCwyLTAuODk2LDItMlYyeiBNMTEsMTFIMlYyaDlWMTF6Ii8+Cjwvc3ZnPg==);
}

.ie8 .hmcResultsList .variant-compare.disabled label:before {
	background-position: 0 0;
}

.hmcResultsList .disabled label {
	background: #f4f3f8 url(../../img/hmc_disabled.png) repeat 0 0;
	color: #9e9e9e;	
	cursor: default;
}

/* 2. "No results" module
-------------------------------------------*/
.hmcResults .noResultsImage {
	display: none;
	padding: 0;
}

.hmcResults .noResultsImage img {
	width: 100%;
}

.hmcResults .rcol {
	padding: 3.3em 5% 1em 5%;
}

.hmcResults .noResultsMessage {
	color: #dc182d;
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 4em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.hmcResults .noResultsCTA {
	color: #3b3b3b;
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 2.1em;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0;
	padding-top: 1em;
}

.hmcResults .noResultsCTA a {
	color: #00803f;
	border-bottom: 1px solid #7fbf9e;
	margin-left: .25em;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.hmcResults .noResultsCTA a:hover,
.hmcResults .noResultsCTA a:focus {
	color: #017d75;
	border-bottom-width: 3px;
	border-color: #017d75;
}
.hmcCompareBasket {
	border-top: 1px solid #dedee1;
	border-bottom: 1px solid #dedee1;
	padding: .5em 0;
}

.hmcCompareBasket.hidden {
	display: none;
}

.hmcCompareBasket ul li {
	display: inline-block;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.5;
	margin: 0 .75em 1em 0;
}

.hmcCompareBasket ul li a {
	background: #fff;
	display: inline-block;
	letter-spacing: 0.063em;
	padding: .5em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.hmcCompareBasket ul li a:focus,
.hmcCompareBasket ul li a:hover {
	background: #017D75;
	color: #fff;
}

.hmcCompareBasket ul li a:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNSAxNSINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDA4MDQxIiBkPSJNNy41MTcsMGM0LjE1LDAsNy41MTYsMy4zNjUsNy41MTYsNy41MTYNCgljMCw0LjE1LTMuMzY1LDcuNTE2LTcuNTE2LDcuNTE2QzMuMzY1LDE1LjAzMiwwLDExLjY2NywwLDcuNTE2QzAsMy4zNjUsMy4zNjUsMCw3LjUxNywweiBNMTEuMjU1LDUuMDgzTDkuOTQ3LDMuNzc3TDcuNTE2LDYuMjA5DQoJTDUuMDgzLDMuNzc3TDMuNzc2LDUuMDgzbDIuNDMzLDIuNDMyTDMuNzc2LDkuOTQ4bDEuMzA3LDEuMzA4bDIuNDMzLTIuNDMzbDIuNDMzLDIuNDMzbDEuMzA3LTEuMzA4TDguODIyLDcuNTE1TDExLjI1NSw1LjA4M3oiLz4NCjwvc3ZnPg0K) no-repeat 100% 0;
	content: '';
	display: inline-block;
	height: 15px;
	padding: 0 0 0 .5em;
	position: relative;
	width: 15px;
	top: 2px;
}

.ie8 .hmcCompareBasket ul li a:after {
	background: url(../../img/icon-close-sprite.png) no-repeat 100% 0;
}

.hmcCompareBasket ul li a:focus:after,
.hmcCompareBasket ul li a:hover:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNSAxNSINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNNy41MTcsMGM0LjE1LDAsNy41MTYsMy4zNjUsNy41MTYsNy41MTYNCgljMCw0LjE1LTMuMzY1LDcuNTE2LTcuNTE2LDcuNTE2QzMuMzY1LDE1LjAzMiwwLDExLjY2NywwLDcuNTE2QzAsMy4zNjUsMy4zNjUsMCw3LjUxNywweiBNMTEuMjU1LDUuMDgzTDkuOTQ3LDMuNzc3TDcuNTE2LDYuMjA5DQoJTDUuMDgzLDMuNzc3TDMuNzc2LDUuMDgzbDIuNDMzLDIuNDMyTDMuNzc2LDkuOTQ4bDEuMzA3LDEuMzA4bDIuNDMzLTIuNDMzbDIuNDMzLDIuNDMzbDEuMzA3LTEuMzA4TDguODIyLDcuNTE1TDExLjI1NSw1LjA4M3oiLz4NCjwvc3ZnPg0K);
}

.ie8 .hmcCompareBasket ul li a:focus:after,
.ie8 .hmcCompareBasket ul li a:hover:after {
	background: url(../../img/icon-close-sprite.png) no-repeat 100% 100%;
}

.hmcCompareBasket .primaryCta {
	display: block;
	font-size: 1.6em;
}

.hmcCompareBasket .disabled {
	background: #fff;
	color: #9aa39e;
	cursor: default;
}

.hmcCompareBasket .basketIsFull {
	margin: 0 0 1em;
}

.hmcCompareBasket .basketIsFull .limit,
.hmcCompareBasket .default {
	display: block;
}

.hmcCompareBasket .basketIsFull .default,
.hmcCompareBasket .limit {
	display: none;
}
/* tab amends
------------------------------------------- */

.tabs a:hover span,
.tabs a:focus span {
	border-bottom: 3px solid #FFF;
	color: #FFF;
}


/* download email form
------------------------------------------- */

.orderBrochureEmailAddress h3 {
    margin: 32px 5%;
}

.orderBrochureEmailAddress .formBuilderModule {
    margin-top: 0;
    padding-bottom: 0;
}

.orderBrochureEmailAddress .displayEmail {
    font-size: 1.4em;
    height: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    opacity: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* post address form
------------------------------------------- */

.orderBrochurePostAddress h3 {
    margin-top: 32px;
    margin-bottom: 32px;
}


/* hidden when js disabled
------------------------------------------- */

.orderBrochureEmailAddress,
#orderBrochurePost {
    display: none;
}

.js #orderBrochurePost.active {
    display: block;
}

/* brochure lists
------------------------------------------- */
.orderBrochureDownloadList {
    position: relative;
}

.orderBrochureDownloadList .blockingMask {
    display: none;
}

.js .orderBrochureDownloadList .blockingMask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: block;
    opacity: 0.8;
    background-color: #fff;

}

.ie8 .orderBrochureDownloadList .blockingMask {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}

.orderBrochureDownloadList,
.orderBrochurePostList {
    margin-top: 3.2em;
    margin-bottom: 0;
}

.orderBrochurePostList .wrapperInner {
    padding: 0 5%;
}

.brochuresList {
    margin: 3.2em 0 6.4em;
    border-top: 2px solid #01803D;
}

.brochuresList:last-child {
    margin-bottom: 0;
}

.brochuresList .downloadLink,
.brochuresList .postLink {
    clear: both;
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid #DDD;
}

.brochuresList .downloadLink:last-child,
.brochuresList .postLink:last-child {
    border-bottom: 0;
}

.brochuresList .image {
    display: none;
}


/* download and post links
------------------------------------------- */

.brochuresList .downloadLink a,
.brochuresList .postLink label {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0.5em 0 0.6em;
}

.brochuresList .checkbox,
.brochuresList .info {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em;
}

.brochuresList .info {
    width: 100%;
}


/* download links
------------------------------------------- */

.brochuresList .downloadLink:before {
	font-size: 38px;
    left: -4px;
    top: 0.35em;
}

.brochuresList .downloadLink a:before {
	position: absolute;
	top: 0.5em;
	left: 0;
}

.brochuresList .downloadLink .info {
    padding-left: 43px;
}

.brochuresList .downloadLink .downloadLinkMessage {
    margin: 0;
}


/* post links
------------------------------------------- */

.brochuresList .postLink:before {
    font-size: 38px;
    left: 37px;
    top: 0.18em;
}

.brochuresList .postLink .checkbox input {
    height: 28px;
    width: 28px;
    margin: 0;
    padding: 0;
}

.brochuresList .postLink .info {
    padding-left: 40px;
    padding-top: 0.15em;
}

/* error message */
.brochuresList.error {
	padding-top: 2.2em;
}
/* custom page introduction */
.helpMeChoose .pageIntro {
	margin-bottom: 2.4em;
}
/* end custom page introduction */

.legalHeader {
	margin: 2.4em 0 3em;
}

.legalHeader p {
	color: #757575;
}

@media screen and (max-width: 620px) {
	.legalHeader {
		font-size: 0.813em;
	}
}


@media screen and (max-width: 620px) {
    .noJSFallback {
        margin-bottom: 0;
    }
}

.noJSFallback img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.noJSFallback .sectionBottom {
    padding-top: 1.2em;
    padding-bottom: 12.8em;
    background: white;
}

.noJSFallback .sectionBottom h2 {
    margin-bottom: 0.521em;
    font-size: 2.3em;
    color: #333;
}


.keyFeatures li {
    padding: 0 0 1.875em;
}

.keyFeatures li:nth-child(odd) {
    background: white;
}

.keyFeatures h3 {
    margin-bottom: 0.833em;
    text-align: center;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.8em;
}

.keyFeatures .headingContainer {
	position: relative;
	display: table;
	width: 100%;
}

.keyFeatures .headingContainer a {
    cursor: pointer;
	padding: 0.8em 0 0.8em 68px;
    height: 56px;
    display: table-cell;
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
}

.keyFeatures .icon,
.keyFeatures .label {
    vertical-align: middle;
}

.keyFeatures .icon {
	position: absolute;
	top: 50%;
	left: 0;
    width: 56px;
    height: 56px;
    margin: -28px 0 0 auto;
    background-color: #3A4247;
}

.keyFeatures .icon img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.keyFeatures .label {
    font-family: "ProximaNovaExCnLight";
    font-size: 1.437em;
    color: #3b3b3b;
}

.keyFeatures .contentContainer {
    margin-top: 0.666em;
}

.keyFeatures h4 {
    margin-bottom: 0.555em;
}

.keyFeatures .contentContainer p {
    margin-bottom: 0;
    font-size: 0.812em !important;
}

.keyFeatures .contentContainer img {
    display: none;
}
/*
 * Honda platform - Inclusive - CSS : Baseline : Related content
 *
------------------------------------------------------------ */

/* Global */

.relatedContentLarge,
.relatedContentSmall {
	background: #fff;
}
.relatedContentLarge h2,
.relatedContentSmall h2 {
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 5em;
	text-transform: uppercase;
	text-align: center;
	color: #dc182d;
}

.relatedContentLarge h2 {
	margin: 0 0 23px 0;

}

.relatedContentSmall h2 {
	margin: 0 0 28px 0; /* With line-height makes 32px bottom spacing */
}


.relatedContentLarge h2:before,
.relatedContentSmall h2:before {
	content: "";
	display: block;
	height: 2px;
	margin: 0 auto 19px auto;
	width: 45px;
	background: #DC182D;
}

/* Small */


.relatedContentSmall ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.relatedContentSmall ul li {
	margin: 0;
	padding: 0;
	background: transparent;
	border-bottom: 1px solid #cbcbcb;
}

.relatedContentSmall .aligner {
	position: relative;
	padding: 12px 20px 12px 0;
}

.relatedContentSmall li:last-child {
	border-bottom-color: transparent;
	padding-bottom: 0;
}
.relatedContentSmall a {
	display: block;
	float: right;
	width: 37.541666666666667%;
	margin: 0 0 0 1%;
	overflow: hidden;
	color: #3b3b3b;
	text-decoration: none;
}

.relatedContentSmall a .title {
	letter-spacing: 0.063em;
	font-weight: normal;
	border-bottom: 0 solid #017d75;
	font-family: 'ProximaNovaExCnSbold', Tahoma, Helvetica, Arial, sans-serif;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.no-touch .relatedContentSmall li:hover,
.no-touch .relatedContentSmall li:focus {
	text-decoration: none;
	border-top:1px solid #017d75;
	border-bottom:1px solid #017d75;
	margin-top:-1px;
	color:#017d75;
}

.no-touch .relatedContentSmall ul li:hover .title,
.no-touch .relatedContentSmall ul li:focus .title {
	color:#017d75;
}

.relatedContentSmall .imgWrap {
	display: block;
	float: left;
	width: 56%;
	line-height: 0;
}
.relatedContentSmall .noImg .imgWrap {
	float: none;
	display: none;
}

.relatedContentSmall .noImg a {
	float: none;
	width: 100%;
}
.relatedContentSmall .imgWrap img {
	display: block;
	width: 100%;
	height: auto;
}
.relatedContentSmall .icon {
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -10px 0 0 0;
	width: 20px;
	height: 20px;
}

.relatedContentSmall .icon.rightChevronSmallIco:before {
	position: relative;
	top: -5px;
	font-size: 1.8em;
	font-weight: bold;
	left: -8px;
	color: #00803E;
}

.relatedContentSmall .title {
	display: block;
	margin-right: 4%;
}
.relatedContentSmall .noImg .title {
	width: 98%;
	margin: 0 1%;
}
.relatedContentSmall p {
	display: none;
}

/* Large */
.relatedContentLarge {
	text-align: center;
}

.relatedContentLarge .contentIntro {
	max-width:420px;
	margin-left: auto;
	margin-right: auto;
	font-size:2.2em;
	letter-spacing: 0.063em;
}
.relatedContentLarge ul {
	list-style: none;
	margin: 28px 0 0 0;
	padding: 0;
}
.relatedContentLarge ul li {
	margin: 0 0 64px 0;
	padding: 0;
	background: transparent;
}
.relatedContentLarge ul li:last-child {
	margin-bottom: 0;
}
.relatedContentLarge img {
	display: block;
	max-width: 320px;
	width: 100%;
	height: auto;
	margin: 0 auto 22px;
}
.relatedContentLarge li p {
	margin: 0;
}

.relatedContentLarge .secondaryCta.simpleCta {
	margin: 0 0 28px 0;
}

.relatedContentLarge .secondaryCta.simpleCta {
	margin: 0 0 23px 0;
	text-align: center;
}

.relatedContentLarge li .secondaryCta.simpleCta,
.relatedContentLarge li .ctaContainer {
	margin: 19px 0 0 0;
}

.relatedContentLarge .ctaContainer {
	border-top: 0;
}



/* Single block */
.relatedContentSingleBlock { overflow: hidden; }

.rcsbImageBlock { width:100%; }
.rcsbImageBlock { overflow:hidden; }

.relatedContentSingleBlock .rcsbImageBlock div {
	float:left;
}

.rcsbImg { width:100%; }
.rcsbImg img {
	width:100%;
	margin:0 0 -1px 0;
}

.rcsbLabel {
	width:90%;
	padding:37px 5% 27px 5%;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform:uppercase;
	background:#dc1820;
}

.rcsbLabel p {
	color:#fff;
	font-size:1.8em;
	margin: 0;
}

.rcsbLabel .rcsbLabelHeader {
	line-height:1em;
	margin: -.5em 0;
}


.rcsbLabelHeader:before,
.rcsbLabelHeader:after {
	content: '-';
	margin: 0 16px 0 0;
}

.rcsbLabelHeader:after {
	margin: 0 0 0 16px;
}

.rcsbLabelContent {  }
.rcsbLabelContent:before {
	display:block;
	content: '........................................';
	margin: 0;
	padding:16px 0;
	line-height:0;
}

/* for ios when it converts into a telephone link */
.rcsbLabelContent a,
.rcsbLabelContent a:focus,
.rcsbLabelContent a:active {
    color: #FFF;
}

.relatedContentSingleBlockCopy {
	margin:27px 0;
}

.relatedContentSingleBlockCopy h2 {
	margin: 0 0 27px 0;
}

.relatedContentSingleBlockCopy .ctaContainer{
	border-top: 0;
	border-top: 1px solid #CBCBCB;
}


@media only screen and (min-width: 481px) and (max-width: 620px) {

	.rcsbImageBlock {
		background:#dc1820;
	}
	.rcsbImg {
		width:50%;
		margin:0 0 -1px 0;
	}
	.rcsbLabel {
		width:40%;
		padding: 57px 5% 27px 5%;
	}

	.rcsbLabelContent::before {
		content: '..........................';
		text-align: center;
		padding: 16px 0;
	}

	.rcsbLabel .rcsbLabelHeader {
		font-size: 2.4em;
	}

	.rcsbLabel .rcsbLabelContent {
		font-size: 2.0em;
	}

}











/* Image items */

.endOfPageModule h2 {
    font-size: 2.3em;
    color: #1f1f1f;
    text-align: center;
    text-transform: none;
}

.endOfPageModule h2:before {
    display: none;
}


/*
 * Honda platform - Inclusive - CSS : Baseline : Rich text
 *
------------------------------------------------------------ */

.richText h2 {
	margin-right: 128px;
}

.richText h3 {
	margin-bottom: 0.5em;
	font-size: 2.6em;
}

.richText h4,
.richText h5,
.richText h6 {
	margin-bottom: 0.6em;
	font-size: 1.6em;
}

.richText .rttCopy a {
	text-decoration: none;
	border-bottom: 1px solid #00803e;
	color: #3b3b3b;
	-webkit-transition: border 0.2s, color 0.2s;
	transition: border 0.2s, color 0.2s;
}

.richText .rttCopy a:hover {
	border-bottom: 3px solid #017d75;
	color: #017d75;
}

.richText ol{
	margin-left: -4.8%;
	margin-top: 64px;
}

.richText ol.headlineList {
	margin-left: 0;
	margin-top: 64px;
}

.richText ol.headlineList li {
	list-style: inherit;
	background: none;
}

.richTextType .secondaryCta {
	margin-left: 0;
}
.rttPrimaryCTA {
    margin: 32px 0;
}
.rttPrimaryCTA a {
    width: 100%;
    margin: 0;
    font-size: 1.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Rich text download link */
.rttDownloadLink a {
	display: inline;
 }

.module.pd .cta-external{
	border-top: 1px solid #CBCBCB;
	padding-top: 5px;
}

.richTextType.rttExternalLink {
	padding: 0 0 32px;
	border-top: 1px solid #cbcbcb;
}
.rttExternalLink a.externalLink {
    font-size: 1.8em;
}

.richTextType.rttExternalLink.ctaContainer{
	padding-left: 28px;
}
/* ======================================================
BREAK POINTS
====================================================== */
.fullScreenHeader {
  text-align: center; }
  .fullScreenHeader .fullScreenPanel h1, .fullScreenHeader .fullScreenPanel h2, .fullScreenHeader .fullScreenPanel h3, .fullScreenHeader .fullScreenPanel h4, .fullScreenHeader .fullScreenPanel p {
    color: inherit; }
  .fullScreenHeader .fullScreenPanel svg {
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    z-index: 3;
    display: none; }
    .fullScreenHeader .fullScreenPanel svg.topSVG {
      top: -19px; }
    .fullScreenHeader .fullScreenPanel svg.btmSVG {
      bottom: -19px; }
      @media (max-width: 620px) {
        .fullScreenHeader .fullScreenPanel svg.btmSVG {
          display: block; } }
  .fullScreenHeader .fullScreenPanel .primaryCta {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin: 0 0 1.2em;
    -moz-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out; }
    .fullScreenHeader .fullScreenPanel .primaryCta:hover {
      background: #017D75; }
  .fullScreenHeader .fullScreenPanel.introduction {
    position: relative; }
    .fullScreenHeader .fullScreenPanel.introduction h1 {
      margin-bottom: 0.3em;
      font-size: 2em;
      letter-spacing: -0.04em; }
    .fullScreenHeader .fullScreenPanel.introduction h2 {
      margin: 0 15%;
      font-family: "ProximaNovaExCnSbold";
      font-size: 4.6em;
      line-height: 0.85em;
      text-transform: uppercase; }
    .fullScreenHeader .fullScreenPanel.introduction p {
      margin-bottom: 0.2em; }
    .fullScreenHeader .fullScreenPanel.introduction > .wrapper {
      z-index: 2; }
    @media (max-width: 620px) {
      .fullScreenHeader .fullScreenPanel.introduction .contentBox {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0; }
      .fullScreenHeader .fullScreenPanel.introduction svg.btmSVG {
        display: none; } }
  @media (max-width: 620px) {
    .fullScreenHeader .fullScreenPanel.concept svg.topSVG {
      display: block; }
    .fullScreenHeader .fullScreenPanel.concept svg.btmSVG {
      display: none; }
    .fullScreenHeader .fullScreenPanel.concept .contentBox:before {
      position: absolute;
      top: 18px;
      left: 50%;
      content: "";
      width: 20px;
      height: 3px;
      margin-left: -10px;
      background-color: #DC182D; } }
  .fullScreenHeader .fullScreenPanel.concept p {
    margin-bottom: 1.4em;
    color: #3B3B3B;
    font-family: "ProximaNovaExCnLight";
    font-size: 2.3em;
    letter-spacing: 0.02em;
    line-height: 1.4; }
  .fullScreenHeader .fullScreenPanel.feature h1 {
    margin-bottom: 44px; }
  .fullScreenHeader .fullScreenPanel.feature .contentBoxInner {
    position: relative; }
    .fullScreenHeader .fullScreenPanel.feature .contentBoxInner:before {
      position: absolute;
      left: 0;
      top: -26px;
      width: 100%;
      height: 14px;
      content: "\e01e";
      font-family: "glyphs28";
      font-size: 28px;
      text-align: center;
      speak: none; }
  .fullScreenHeader .fullScreenPanel.feature .factBox {
    text-align: center; }
    .fullScreenHeader .fullScreenPanel.feature .factBox .wrapperInner {
      padding: 0; }
    .fullScreenHeader .fullScreenPanel.feature .factBox .box {
      vertical-align: top;
      padding: 3.2em 6%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .fullScreenHeader .fullScreenPanel.feature .factBox .box * {
        color: inherit; }
      .fullScreenHeader .fullScreenPanel.feature .factBox .box img {
        width: 100%;
        display: block; }
      .fullScreenHeader .fullScreenPanel.feature .factBox .box h2 {
        position: relative;
        margin: 0 0 1em;
        font-family: "ProximaNovaExCnSbold";
        font-size: 1.8em;
        letter-spacing: 0.04em;
        text-transform: uppercase; }
        .fullScreenHeader .fullScreenPanel.feature .factBox .box h2:after {
          position: absolute;
          bottom: -1.1em;
          left: 0;
          content: "\e00e";
          font-family: "glyphs28";
          font-weight: bold;
          width: 100%; }
      .fullScreenHeader .fullScreenPanel.feature .factBox .box p {
        margin: 0;
        font-family: "ProximaNovaExCnSReg";
        font-size: 1.8em;
        line-height: 1.1em;
        word-wrap: break-word; }
        .fullScreenHeader .fullScreenPanel.feature .factBox .box p .strong {
          font-family: "ProximaNovaExCnSbold";
          font-size: 2.4em;
          font-weight: normal;
          line-height: 1em; }
    .fullScreenHeader .fullScreenPanel.feature .factBox .contentBox {
      padding: 0; }
    .fullScreenHeader .fullScreenPanel.feature .factBox.doubleColumn .contentBox {
      display: table;
      width: 101%;
      margin-left: -1px;
      table-layout: fixed;
      border-spacing: 1px; }
      .fullScreenHeader .fullScreenPanel.feature .factBox.doubleColumn .contentBox .box {
        text-align: left;
        display: table-cell;
        width: 50%;
        float: none; }
        .fullScreenHeader .fullScreenPanel.feature .factBox.doubleColumn .contentBox .box.imageBox {
          padding: 0; }
  .fullScreenHeader .fullScreenPanel.audio .primaryCta {
    padding: 12px 12px 12px 45px; }
    .fullScreenHeader .fullScreenPanel.audio .primaryCta:before {
      content: '';
      top: 14px;
      left: 12px;
      width: 21px;
      height: 21px;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MkU4MTk2OUQ5QUYxMUUzODIwNUEzQzUxMDgzMzBEMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MkU4MTk2QUQ5QUYxMUUzODIwNUEzQzUxMDgzMzBEMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyRTgxOTY3RDlBRjExRTM4MjA1QTNDNTEwODMzMEQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyRTgxOTY4RDlBRjExRTM4MjA1QTNDNTEwODMzMEQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+voeAIAAAARpJREFUeNqslD0LwjAQhq2tiFtHwdVB/4KLuDm6iyCCQ3V0dGj7B9y04Fh0cNbBzc2/4ODs6scqanwPLlCo1YT6wkOSclwvuQ9DCJHRUBvcwEZ+8H0/ZpTVdBgC65dhVtOhkr2KkQMWWreiN/2CI+JqRW08z6PVAB4o0pn+bicwBDOVwJAsynYFzGWkuopGaoIxsIANrqCuk/1PMjmJPUR75Zt10zq9gwno8HkLGmmdkvagyvsjKP3DaVSGbkclqQYOvC+DU1qneTDi5iA1wS5tSRXABOS4pC5UUrrd9LGjuKtWYC07KkkBGKi8geu6NLnOoJ9RGGMBr1OZ2YQ2ffDgUZ5SARf3SzV7lqLdktfwn06jjp+/DN8CDAA1X0RuZye1rgAAAABJRU5ErkJggg==");
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5;
      -moz-transition: opacity 200ms ease-in-out;
      -o-transition: opacity 200ms ease-in-out;
      -webkit-transition: opacity 200ms ease-in-out;
      transition: opacity 200ms ease-in-out; }
  .fullScreenHeader .fullScreenPanel.audio.playing .primaryCta:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  .fullScreenHeader .fullScreenPanel.video svg.btmSVG, .fullScreenHeader .fullScreenPanel.introduction.video svg.btmSVG {
    display: block; }
  .fullScreenHeader .fullScreenPanel.brand h1 {
    margin-bottom: 0.4em;
    font-family: "ProximaNovaExCnSbold";
    font-size: 6.5em;
    line-height: 0.85em;
    text-transform: uppercase; }
  .fullScreenHeader .fullScreenPanel.brand p {
    margin-bottom: 1em;
    line-height: 1.3;
    font-size: 2em; }
  .fullScreenHeader .fullScreenPanel.brand a {
    margin: 0 0 1.2em;
    font-size: 1.9em;
    line-height: 1;
    color: inherit; }
  .fullScreenHeader .fullScreenPanel.brand .secondaryCta {
    border: 0; }
    .fullScreenHeader .fullScreenPanel.brand .secondaryCta a {
      border-bottom: 3px solid transparent; }
      .fullScreenHeader .fullScreenPanel.brand .secondaryCta a:after {
        font-size: 24px;
        top: -1px;
        position: absolute;
        width: 3px; }
      .fullScreenHeader .fullScreenPanel.brand .secondaryCta a:hover {
        border-color: inherit; }
  .fullScreenHeader .fullScreenPanel.brand .imageArea {
    background-color: transparent; }
    .fullScreenHeader .fullScreenPanel.brand .imageArea img {
      display: block;
      width: 100%; }

.factBox {
  margin-bottom: 16px;
  text-align: center; }
  .factBox .wrapperInner {
    padding: 0; }
  .factBox .contentBox {
    padding: 0; }
  .factBox .box {
    vertical-align: top;
    padding: 3.2em 6%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .factBox .box * {
      color: inherit; }
    .factBox .box img {
      width: 100%;
      display: block; }
    .factBox .box h2 {
      position: relative;
      margin: 0 0 1em;
      font-family: "ProximaNovaExCnSbold";
      font-size: 1.8em;
      letter-spacing: 0.04em;
      text-transform: uppercase; }
      .factBox .box h2:after {
        position: absolute;
        bottom: -1.1em;
        left: 0;
        content: "\e00e";
        font-family: "glyphs28";
        font-weight: bold; }
    .factBox .box p {
      margin: 0;
      font-family: "ProximaNovaExCnSReg";
      font-size: 1.8em;
      line-height: 1.1em;
      word-wrap: break-word; }
      .factBox .box p .strong {
        font-family: "ProximaNovaExCnSbold";
        font-size: 2.4em;
        font-weight: normal;
        line-height: 1em; }
  .factBox.doubleColumn .contentBox {
    display: table;
    width: 101%;
    margin-left: -1px;
    table-layout: fixed;
    border-spacing: 1px; }
    .factBox.doubleColumn .contentBox .box {
      display: table-cell;
      width: 50%;
      float: none; }
      .factBox.doubleColumn .contentBox .box.imageBox {
        padding: 0; }
/* ------------------------------------------- */
/* product range ctas
/* ------------------------------------------- */

.productLogoCTAs.productRange {
	overflow: visible;
}

.productLogoCTAs.productRange .wrapper .wrapperInner {
	padding-top: 4em;
	padding-bottom: 0;
}

.productLogoCTAs.productRange .panel-content * {
	color: #FFF;
}

.productLogoCTAs.productRange .panel-image img {
	width: 100%;
}

.productLogoCTAs.productRange header {
	margin: 0;
	padding: 0 0 7.4em;
}

.productLogoCTAs.productRange .logo {
	max-width: 290px;
	margin: 40px auto;
}

.productLogoCTAs.productRange h2 {
	margin: 0 0 0.35em;
	font-family: "ProximaNovaExCnLight";
	font-size: 4em;
	line-height: 1;
}

@media screen and (min-width: 621px) {
    .touch .productLogoCTAs.productRange h2 {
    	margin: 0 0 0.35em;
    }
}

.productLogoCTAs.productRange h2:before,
.productLogoCTAs.productRange h2:after {
	display: none;
}

.productLogoCTAs.productRange .rttSecondaryCTA {
	margin: 0;
	padding: 0;
	border-top: none;
}

.productLogoCTAs.productRange .rttSecondaryCTA a {
	margin: 0;
	padding: 0;
}

.productLogoCTAs.productRange .rttSecondaryCTA a:after {
	position: absolute;
	right: -28px;
}
.productLogoCTAs,
.touch .productLogoCTAs {
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}

.productLogoCTAs .wrapper {
	text-align: center;
}

.productLogoCTAs .wrapperInner {
	padding-top: 4.8em;
	padding-bottom: 9em;
	background-color: #DC182D;
}

.productLogoCTAs h1,
.productLogoCTAs h2,
.productLogoCTAs p {
	color: #fff;
}

.productLogoCTAs h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
}

.productLogoCTAs h1:before {
	display: none;
}

.productLogoCTAs h1 img {
	max-width: 290px;
	padding: 0;
}

.productLogoCTAs h2 {
	font-size: 2.9em;
	margin-top: .8em;
	letter-spacing: 0.02em;
	margin-bottom: 0.2em;
}

.productLogoCTAs p {
	padding: 0;
	font-size: 1.3em;
	letter-spacing: 0;
	line-height: 1.6em;
	margin-bottom: 0;
}
@media screen and (min-width: 621px) {
    .touch .productLogoCTAs p,
    .touch .productLogoCTAs h2 {
        max-width: 640px;
        margin: 0 auto;
    }
}

.productLogoCTAs .productImage {
	margin: 3.2em 0 0;
}

.productLogoCTAs header {
	padding: 0;
	margin: 0 0 2.4em;
}

.productLogoCTAs header span {
	font-family: 'ProximaNovaExCnSReg';
	margin-top: 12px;
	font-size: 2.2em;
	line-height: 1;
	margin-bottom: 0;
	display: block;
}

.productLogoCTAs .iconCta [class$="Diamond56Ico"]:before {
}

.productLogoCTAs .iconCta [class$="Diamond56Ico"] a {
	margin-top: -45px;
}

@media screen and (max-width: 620px) {
    .productLogoCTAs ul.inlineCta li {
        padding-top: 16px;
    }
}

.touch .productLogoCTAs + .module {
    margin-top: 0!important;
}
.touch .productLogoCTAs .wrapper {
	margin: 0;
	max-width: inherit;
}

.touch .productLogoCTAs .iconCta.inlineCta {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.touch .productLogoCTAs .iconCta.inlineCta,
.touch .productLogoCTAs .iconCta.inlineCta li,
.touch .productLogoCTAs .iconCta.inlineCta li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.touch .productLogoCTAs .iconCta.inlineCta li {
    display: table-cell;
    border-left: 1px solid #fff;
    padding: 0px;
}
.touch .productLogoCTAs .iconCta.inlineCta li:first-child {
    border: none;
}
.touch .productLogoCTAs .iconCta.inlineCta li:before {
    left: 50%;
    margin-left: -19px;
    font-size: 38px;
}
.touch .productLogoCTAs .iconCta.inlineCta li:after {
    display: none;
}
.touch .productLogoCTAs .iconCta.inlineCta li a {
    padding: 0;
    padding-top: 30px;
    text-align: center;
    height: 100%;
    overflow: auto;
    text-transform: none;
    font-size: .8em;
    letter-spacing: 0.05em;
}


.touch .productLogoCTAs .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;
}
.touch .productLogoCTAs .iconCta li a:hover {
	background-color: #017d75;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}



/* DUPLICATED FROM BASE.CSS FOR TOUCH SCREEN RECOGNITION */
.touch .productLogoCTAs .iconCta.inlineCta {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 3px solid #fff;
}
.touch .productLogoCTAs .iconCta.inlineCta li {
    display: table-cell;
    border-left: 1px solid #fff;
    position: relative;
    text-align: center;
}
.touch .productLogoCTAs .iconCta.inlineCta li:first-child {
    border: none;
}
.touch .productLogoCTAs .iconCta.inlineCta li:before,
.touch .productLogoCTAs .iconCta.inlineCta li[class$="Diamond56Ico"]:before {
    position: relative;
    display: inline;
    text-align: center;
    line-height: 45px;
    top: -3px;
    left: 0;
    margin-left: 0;
    right: auto;
    bottom: auto;
}
.touch .productLogoCTAs .iconCta.inlineCta li:after {
    display: none;
}
.touch .productLogoCTAs .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;
}
/* ======================================================
BREAK POINTS
====================================================== */
.productSpecification {
  *zoom: 1;
  background-color: #FFF; }
  .productSpecification:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }
  .productSpecification.moduleFlush {
    padding: 0 0 72px 0; }
  .productSpecification .wrapper {
    background: #f4f3f8;
    padding-top: 72px; }
  .productSpecification .imageAreaContainer,
  .productSpecification .copyAreaContainer {
    margin: 0 -6%; }
    @media screen and (min-width: 621px) and (max-width: 800px) {
      .productSpecification .imageAreaContainer,
      .productSpecification .copyAreaContainer {
        margin: 0 -7.6666667%; } }
  .productSpecification .imageAreaContainer {
    height: 232px; }
    .productSpecification .imageAreaContainer img {
      max-height: 500px;
      float: right; }
  .productSpecification .copyAreaContainer {
    text-align: center;
    background: white;
    height: 100%; }
    .productSpecification .copyAreaContainer > p {
      margin-bottom: 1em;
      font-size: 1.3em; }
  .productSpecification .factBox {
    display: table;
    border-collapse: separate;
    border-spacing: 1px 0;
    width: 100%;
    border-top: 1px solid #fff; }
    .productSpecification .factBox > div {
      display: table-cell;
      width: 50%;
      text-align: left;
      vertical-align: top;
      background-color: #F4F3F8; }
    .productSpecification .factBox h2,
    .productSpecification .factBox p,
    .productSpecification .factBox a {
      color: #D8182D; }
  .productSpecification .rttPrimaryCTA {
    margin: 0 10% 1.2em;
    padding: 0.6em 0;
    border-bottom: 1px solid #CECECE; }
  .productSpecification .primaryCta {
    display: inline-block;
    width: auto;
    padding-left: 30px;
    padding-right: 12px;
    color: #00803E;
    background-color: #FFF; }
    .productSpecification .primaryCta:focus, .productSpecification .primaryCta:hover {
      color: #FFF;
      background-color: #017D75; }
    .productSpecification .primaryCta:before {
      top: 6px;
      left: 5px;
      font-size: 24px;
      font-weight: bold;
      line-height: 1.275em; }
  .productSpecification .ctaContainer {
    margin: 0;
    padding: 0 0 2em;
    border: none; }
    .productSpecification .ctaContainer:hover {
      border-top: none; }
  .productSpecification .helpMeChooseIco:before {
    position: relative;
    margin-right: 0.25em;
    top: 0.45em;
    color: #00803E;
    line-height: 0.575em; }
  .productSpecification .helpMeChooseIco a {
    color: #3B3B3B;
    font-size: 1.6em;
    font-family: "ProximaNovaExCnSbold";
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #7AB99B;
    -moz-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out; }
    .productSpecification .helpMeChooseIco a:hover {
      color: #017D75; }
  .productSpecification .reevoo {
    padding-top: 1.2em;
    background-color: #F4F3F8;
    clear: both;
    *zoom: 1; }
    .productSpecification .reevoo:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
    .productSpecification .reevoo .score,
    .productSpecification .reevoo blockquote {
      width: 47%;
      margin: 0;
      padding: 0;
      clear: none; }
    .productSpecification .reevoo .score {
      float: left;
      text-align: center; }
      .productSpecification .reevoo .score p {
        font-size: 1em;
        width: 132px;
        height: 168px;
        margin: 0 auto;
        padding: 3em 0 0;
        background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTMycHgiIGhlaWdodD0iMTY4cHgiIHZpZXdCb3g9IjAgMCAxMzIgMTY4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMzIgMTY4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCw0Mi4zNzhjMC0zLjc0LDIuNjQ5LTguMzMsNS44ODktMTAuMkw1OS4xOTIsMS40MDJjMy4yMzgtMS44Nyw4LjUzOS0xLjg3LDExLjc3NywwbDUzLjMwNSwzMC43NzUKCQljMy4yMzksMS44Nyw1Ljg4OSw2LjQ2LDUuODg5LDEwLjJWMTI0LjNjMCwzLjc0LTIuNjQ5LDguMzI5LTUuODg5LDEwLjE5OWwtNTMuMzA1LDMwLjc3NWMtMy4yMzgsMS44Ny04LjUzOSwxLjg3LTExLjc3NywwCgkJTDUuODg5LDEzNC40OTlDMi42NDksMTMyLjYyOSwwLDEyOC4wNCwwLDEyNC4zVjQyLjM3OHoiLz4KPC9nPgo8L3N2Zz4=") 0 0 no-repeat;
        background-size: 100%; }
        .no-svg .productSpecification .reevoo .score p {
          background-image: url("../../img/reevoo_score_bg.png"); }
        .productSpecification .reevoo .score p:before {
          display: block;
          width: 70px;
          height: 14px;
          content: "";
          margin: 0 auto;
          background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMjFweCIKCSBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxMjEgMjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJMYXllcl8xIj4KCTxwYXRoIGZpbGw9IiNGRTdBMEUiIGQ9Ik0xMTUuNCw3LjZjLTMsMC01LjMwMSwyLjYtNS4zMDEsNS40YzAsMC41LDAuMTAxLDMuMiwzLjEwMSw0LjljMS4xLDAuNjk5LDEuMywyLjM5OSwwLjMsMy4xOTkKCQljLTAuMiwwLjEwMS0wLjIsMC41LDAuMSwwLjVjMC4zMDEsMCwxLjEwMS0wLjE5OSwyLjQtMC44YzIuNy0xLjIsNC45LTQuMzk5LDQuOS03LjhDMTIwLjcsMTAsMTE4LjQsNy42LDExNS40LDcuNiBNMTguOCw3LjUKCQljLTUuMiwwLTYuNywyLjktNi43LDYuM3Y0LjNjMCwzLjksMS44LDYuMiw2LjgsNi4yYzEuOSwwLDQuMS0wLjMsNS45LTFsLTAuNi0zYy0xLjgsMC41LTMuNCwwLjgtNC45LDAuOGMtMi41LDAtMy4xLTAuOC0zLjEtMi42OTkKCQlWMTcuNmg5VjE0LjJDMjUuMSwxMC41LDI0LDcuNSwxOC44LDcuNSBNMjEuMywxNC4yaC01LjF2LTAuOGMwLTEuNSwwLjctMi42MDEsMi43LTIuNjAxczIuNSwxLjEsMi41LDIuNjAxdjAuOEgyMS4zeiBNMzUuMSw3LjUKCQljLTUuMiwwLTYuNywyLjktNi43LDYuM3Y0LjNjMCwzLjksMS44LDYuMiw2LjgsNi4yYzEuOSwwLDQuMS0wLjMsNS45LTFsLTAuNi0zYy0xLjgsMC41LTMuNCwwLjgtNC45LDAuOGMtMi41LDAtMy4xLTAuOC0zLjEtMi42OTkKCQlWMTcuNmg5VjE0LjJDNDEuNCwxMC41LDQwLjIsNy41LDM1LjEsNy41IE0zNy42LDE0LjJoLTUuMXYtMC44YzAtMS41LDAuNy0yLjYwMSwyLjctMi42MDFzMi41LDEuMSwyLjUsMi42MDF2MC44SDM3LjZ6Ii8+Cgk8cG9seWdvbiBmaWxsPSIjRkU3QTBFIiBwb2ludHM9IjUxLjIsMjAuMSA0Ny41LDcuOCA0My4zLDcuOCA0OC41LDI0IDUzLjgsMjQgNTksNy44IDU0LjksNy44IAkiLz4KCTxwYXRoIGZpbGw9IiNGRTdBMEUiIGQ9Ik02OCw3LjVjLTUuNSwwLTcsMy03LDYuNFYxOGMwLDMuMywxLjUsNi40LDcsNi40czctMyw3LTYuNHYtNC4xQzc1LDEwLjYsNzMuNSw3LjUsNjgsNy41IE03MSwxOC4xCgkJYzAsMS44MDEtMC44LDIuODAxLTMsMi44MDFzLTMtMS0zLTIuODAxVjEzLjdjMC0xLjgsMC44LTIuOCwzLTIuOHMzLDEsMywyLjhWMTguMXogTTg1LjQsNy41Yy01LjUsMC03LDMtNyw2LjRWMTgKCQljMCwzLjMsMS41LDYuNCw3LDYuNHM3LTMsNy02LjR2LTQuMUM5Mi41LDEwLjYsOTEsNy41LDg1LjQsNy41IE04OC40LDE4LjFjMCwxLjgwMS0wLjgwMSwyLjgwMS0zLDIuODAxYy0yLjIsMC0zLTEtMy0yLjgwMVYxMy43CgkJYzAtMS44LDAuOC0yLjgsMy0yLjhjMi4xOTksMCwzLDEsMywyLjhWMTguMXogTTMuNyw5LjZMMy40LDcuOEgwVjIzLjloNFYxMy40YzAsMCwxLTAuOSwyLjMtMS42MDFjMS4zLTAuNywzLjEtMC40LDMuMS0wLjQKCQlsMC4yLTMuNWMwLDAtMi0wLjMtMy40LDAuMkM0LjksOC43LDMuNyw5LjYsMy43LDkuNiIvPgo8L2c+CjxnIGlkPSJMYXllcl8xX2NvcHkiPgoJPHBhdGggZmlsbD0iIzJBNjFCNCIgZD0iTTEwMy45LDBjMywwLDUuMywyLjYsNS4zLDUuNGMwLDAuNS0wLjEwMSwzLjItMyw0LjljLTEuMTAxLDAuNy0xLjMsMi40LTAuMywzLjIKCQlDMTA2LjEsMTMuNiwxMDYuMSwxNCwxMDUuOCwxNHMtMS4xLTAuMi0yLjM5OS0wLjhjLTIuNy0xLjItNC45LTQuNC00LjktNy44Qzk4LjYsMi40LDEwMC45LDAsMTAzLjksMCIvPgo8L2c+Cjwvc3ZnPg==") 0 0 no-repeat;
          background-size: 100%; }
          .no-svg .productSpecification .reevoo .score p:before {
            background-image: url("../../img/brand_reviews/logo_reevoo.png"); }
      .productSpecification .reevoo .score .value,
      .productSpecification .reevoo .score .outOf {
        color: #2A60B6; }
      .productSpecification .reevoo .score .value {
        display: block;
        font-family: "ProximaNovaExCnSbold";
        font-size: 7.7em;
        font-weight: bold;
        letter-spacing: -2px;
        line-height: 1; }
      .productSpecification .reevoo .score .outOf {
        display: block;
        font-family: "ProximaNovaExCnLight";
        font-size: 2.4em;
        text-transform: uppercase; }
    .productSpecification .reevoo blockquote {
      float: right;
      padding: 5.5em 0 0;
      font-size: 1em; }
      .productSpecification .reevoo blockquote p {
        color: #1F1F1F;
        font-family: "ProximaNovaExCnSReg";
        font-size: 2.6em !important;
        /* BLOODY IMPORTANTS IN THE BASE!!! */
        text-indent: -0.6em;
        text-transform: uppercase; }
      .productSpecification .reevoo blockquote cite {
        font-family: "ProximaNovaExCnLight";
        font-size: 1.4em;
        font-weight: normal;
        letter-spacing: -0.01em;
        text-transform: uppercase; }
    .productSpecification .reevoo .reviews {
      margin: 0 -6%;
      clear: both;
      text-align: center;
      background-color: #FFF; }
      .productSpecification .reevoo .reviews a {
        display: inline-block;
        margin: 1.2em 0;
        font-size: 1.2em; }
        @media screen and (max-width: 620px) {
          .productSpecification .reevoo .reviews a:before {
            position: absolute;
            top: 0;
            left: -22px;
            display: block;
            font-size: 1.6em;
            font-weight: bold;
            line-height: 1; }
          .productSpecification .reevoo .reviews a:after {
            display: none; } }
    .productSpecification .reevoo p.reviews a {
      font-size: 1em; }
.configuredPersonalisationCTAs {
    margin-top: 0;
    display: none;
}
.configuredPersonalisationCTAs .wrapperInner {
    background: #DC182D;
    padding: 22px 0 0 0;
}

.configuredPersonalisationCTAs .configuration,
.configuredPersonalisationCTAs .info {
    text-align: center;
    position: relative;
}

.configuredPersonalisationCTAs .configuration {
    width: 262px;
    margin: 0 auto;
}

.configuredPersonalisationCTAs .bubble {
    background: url('../../img/overview/bubble.png') no-repeat top right;
    width: 262px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 42px 48px 0;
    min-height: 258px;
}
.configuredPersonalisationCTAs .bubble h2 {
    color: #DC182D;
    text-transform: uppercase;
    font-size: 20pt;
    margin-bottom: 0;
}
.configuredPersonalisationCTAs .bubble p {
    color: #3b3b3b;
    font-family: "ProximaNovaExCnSReg", Tahoma, Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
    font-size: 1.6em;
    line-height: 1.2em;
}
.configuredPersonalisationCTAs .bubble h2 img {
    height: 18px;
    margin-top: 12px;
    margin-bottom: 8px;
}
.configuredPersonalisationCTAs .bubble a {
    font-size: 2em;
    font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    width: 100%;
    word-wrap: break-word;
    line-height: 1.4em;
    display: inline-block;
}
.configuredPersonalisationCTAs .bubble a span {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-bottom: 1px solid #00803E;
}
.configuredPersonalisationCTAs .bubble a:hover {
    color: #017D75;
}
.configuredPersonalisationCTAs .bubble a:hover span {
    border-bottom: 3px solid #017D75;
}

.configuredPersonalisationCTAs .bubble .configured_car {
    display: block;
    position: static;
    margin-top: -25px;
    margin-left: -365px;
}


.configuredPersonalisationCTAs .info h2,
.configuredPersonalisationCTAs .info p {
    color: #fff;
    padding: 0 20px;
    margin: 0;
}
.configuredPersonalisationCTAs .info h2 {
    text-transform: uppercase;
    font-size: 5em;
    margin-bottom: 14px;
}
.configuredPersonalisationCTAs .info p {
    font-family: "ProximaNovaExCnSReg", Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    letter-spacing: -0.002em;
}
.configuredPersonalisationCTAs .info .iconCta {
}
.touch .configuredPersonalisationCTAs .info .iconCta {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

.configuredPersonalisationCTAs .info a.bookTestDrive {
    background: #FFF;
    padding: 14px;
    padding-left: 26px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 2em;
    letter-spacing: 0;
    font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
    margin-top: 12px;
    position: relative;
    margin-bottom: 48px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.configuredPersonalisationCTAs .info a.bookTestDrive span {
    color: #00803E;
    padding: 0;
    vertical-align: top;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline;
    vertical-align: middle;
}

.configuredPersonalisationCTAs .info a.bookTestDrive:hover {
	color: #FFF;
    background-color: #017D75;
}

.configuredPersonalisationCTAs .info a.bookTestDrive:hover span {
    color: #FFF;
}

.configuredPersonalisationCTAs .info a.bookTestDrive span:after {
    font-size: 28px;
    content: "\e00a";
    font-family: 'glyphs14';
    vertical-align: top;
    width: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
}

.configuredPersonalisationCTAs .previewCTAs {
    display: none;
}








.touch .configuredPersonalisationCTAs .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;
}
.touch .configuredPersonalisationCTAs .iconCta li a:hover {
    background-color: #017d75;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.touch + .module {
    margin-top: 0!important;
}
.touch .configuredPersonalisationCTAs .wrapper {
    margin: 0;
    max-width: inherit;
}

.touch .configuredPersonalisationCTAs .iconCta.inlineCta {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta,
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li,
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li {
    display: table-cell;
    border-left: 1px solid #fff;
    padding: 0px;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li:first-child {
    border: none;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li:before {
    left: 50%;
    margin-left: -19px;
    font-size: 38px;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li:after {
    display: none;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li a {
    padding: 0;
    padding-top: 30px;
    text-align: center;
    height: 100%;
    overflow: auto;
    text-transform: none;
    font-size: .8em;
    letter-spacing: 0.05em;
}


.touch .configuredPersonalisationCTAs .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;
}
.touch .configuredPersonalisationCTAs .iconCta li a:hover {
    background-color: #017d75;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}



/* DUPLICATED FROM BASE.CSS FOR TOUCH SCREEN RECOGNITION */
.touch .configuredPersonalisationCTAs .iconCta.inlineCta {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 3px solid #fff;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li {
    display: table-cell;
    border-left: 1px solid #fff;
    position: relative;
    text-align: center;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li:first-child {
    border: none;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li:before,
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li[class$="Diamond56Ico"]:before {
    position: relative;
    display: inline;
    text-align: center;
    line-height: 45px;
    top: -3px;
    left: 0;
    margin-left: 0;
    right: auto;
    bottom: auto;
}
.touch .configuredPersonalisationCTAs .iconCta.inlineCta li:after {
    display: none;
}
.touch .configuredPersonalisationCTAs .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;
}
.touch .configuredPersonalisationCTAs .iconCta li:hover a {
    color: #fff;
}

/* Main Wrapper */
/* -------------------------------------------- */

.awardsReviews {
    margin: 6.4em 0;
}

.awardsReviews .wrapperInner {
    padding-right: 0;
    padding-left: 0;
}


/* Accordion */
/* -------------------------------------------- */

.awardsReviews .accordion > ul > li {
	margin: 0;
	font-size: 1em;
	border-top: none;
	border-bottom: 3px solid #00803E;
}

.awardsReviews .accordion > ul > li:first-child {
	border-top: 3px solid #00803E;
}

/* heading */
.awardsReviews .accordionHeading {
	position: relative;
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0 42px 0 16px;
	color: #00803E;
	font-size: 1.8em;
	font-family: "ProximaNovaExCnLight";
	letter-spacing: normal;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.awardsReviews .accordionTitle {
	display: table-cell;
	height: 68px;
	vertical-align: middle;
}

.awardsReviews .accordionHeading .icon {
	top: 0.4em;
	right: 16px;
	font-weight: bold;
}

.awardsReviews .accordionHeading img {
	width: auto;
	max-height: 68px;
	margin: 8px 0;
}

/* expand/collapse toggle icon */
.awardsReviews .accordionToggle {
	display: none;
}

.js .awardsReviews .accordionToggle {
	display: block;
}

.js .awardsReviews .accordionToggle.expanded {
	display: none;
}

/* accordion content */
.awardsReviews .accordionContent {
	position: relative;
	padding: 0;
	background-color: #FFF;
}

.awardsReviews .accordionContent:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.awardsReviews .accordionContent .col {
	float: none;
	margin: 0;
	padding: 0;
	-webkit-sizing: border-box;
	-moz-sizing: border-box;
	box-sizing: border-box;
}

.awardsReviews .accordionContent .copy {
	padding: 1.6em 16px;
}

.awardsReviews .accordionContent .image {
	display: none;
}

.awardsReviews .accordionContent h3 {
	margin-bottom: 0.4em;
	font-family: "ProximaNovaExCnSbold";
	font-size: 1.8em;
}

.awardsReviews .accordionContent p {
	width: auto;
	margin-bottom: 1.4em;
	font-size: 1.3em !important; /* why important in base.css? */
	line-height: 1.3;
}

.awardsReviews .accordionContent .ctaContainer {
	border: none;
}


/* Accordion Tabs */
/* -------------------------------------------- */

.awardsReviews .accordionTabs {
	display: none;
}


/* Alternate Theme */
/* -------------------------------------------- */

.awardsReviews.alternateTheme .accordionHeading,
.awardsReviews.alternateTheme .accordionTabs li {
	background-color: #FFF;
}

.awardsReviews.alternateTheme .accordionContent,
.awardsReviews.alternateTheme .accordionTabs li.active {
	background-color: #F4F3F8;
}


/* ------------------------------------------- */
/* CQ edit mode amends - keep at end of file */
/* ------------------------------------------- */

/* content panels */
.js .cq-wcm-edit .awardsReviews .accordionHeading,
.js .cq-wcm-edit .awardsReviews .accordionContent {
	display: block;
}

.js .cq-wcm-edit .awardsReviews .accordionToggle,
.js .cq-wcm-edit .awardsReviews .accordionTabs {
	display: none;
}
/* ------------------------------------------- */
/* product range module
/* ------------------------------------------- */

.productRange{
	overflow: auto;
}

.productRange .wrapperInner{
	text-align: center;
}

.corporateRange{
	text-align: left;
}

.productRange h2{
	color: #3b3b3b;
	font-size: 2.6em;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

.productRange h2:before,
.productRange h2:after{
	content: '-';
	display: inline-block;
}

.productRange h2:before{
	padding: 0 3px 0 0;
}

.productRange h2:after{
	padding: 0 0 0 3px;
}

.corporateRange .corporateRangeModBody{
	float: left;
	width: 40%;
	margin: 0 5% 16px 0;
	position: relative;
	padding: 0;
}

.corporateRange .carModel{
	border-left: 1px solid #cbcbcb;
	padding: 36px 0 10px 0;
}

.corporateRange .carModel .detail{
	position: relative;	
	z-index: 100;
}

.corporateRange .corporateRangeModBody img{
	display: none;
}

.corporateRange .label{
	font-family: 'ProximaNovaExCnSbold';
	font-size: 1.6em;	
	line-height: 1em;
	display: inline-block;
	text-transform: uppercase;
	padding: 2px .5em;
	position: absolute;
	top: 9px;
	left: 1px;
	z-index: 100;
}

.productRange .label.new {
	background: #da002e;
	color: #fff;
}

.productRange .label.comingSoon {
	background: #fff;
	color: #da002e;
}

.productRange .label.future {
	background: #3b3b3b;
	color: #fff;
}

.productRange h3{
	color: #dc182d;
	font-size: 5.2em;
	text-transform: uppercase;
	margin-bottom: 66px;
	padding-bottom: .3em;
	display: inline-block;
}

.corporateRange h4 a,
.corporateRange h5{
	font-family: 'ProximaNovaExCnLight';	
	color: #3b3b3b;
}

.productRange h4 a{
	text-decoration: none;
	border-bottom: 1px solid #00803e;
	letter-spacing: 0px;
	display: inline-block;
	line-height: 1em;
	font-size: 1.3em;
	-webkit-font-smoothing: antialiased;
}

.corporateRange h4{
	font-size: 2em;
	margin-bottom: 8px;
}

.corporateRange h5{
	font-size: 2.8em;
	line-height: 0.9em;
}

.productRange .corporateRangeModBody p{
	margin-bottom: 2px;
	font-size: 1.6em;
	line-height: 1em;
	font-family: "ProximaNovaExCnLight";
}

.productRange .corporateRangeModBody:before{
	content: ''; 
	color: #cbcbcb;
	top: -9px;
	left: -9px;
	width: 18px;
	height: 17px;
	position: absolute;
	border-bottom: 1px solid #cbcbcb;
}

.corporateRange h4,
.corporateRange p,
.corporateRange h5{
	
	margin-left: 16px;
	margin-right: 16px;

}

.corporateRange h5{
	margin-bottom: 0px;
}

@media screen and (max-width: 620px) {

	.corporateRange .corporateRangeModBody:nth-child(2n){
		margin-left: 7.5%;
	}

}

.ie8 .corporateRange .corporateRangeModBody{
	width: 21.2222%;
}

.ie8 .corporateRange .carModel:hover{
	background: white;
}

.cq-wcm-edit .productRange .corporateRange .corporateRangeModBody {
	display:block;
}
.cq-wcm-edit .productRange .corporateRange .corporateRangeModBody {
	clear:none;
}
.cq-wcm-edit .corporateRange div[class^="cq-element"], .cq-wcm-edit .corporateRange div[class*=" cq-element"] {
	clear: both;
}
/* m_187.00 three column link */


.threeColumnLink .wrapper{
	padding: 65px 0 30px;
	text-align: center;
	background: #fff;
}

.threeColumnLink h2{
	color: #dc182d;
	font-size: 5.4em;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 50px;
}

.threeColumnLink h2:before{
	background: #dc182d;
	margin: 10px 0 19px;
	display: block;
	width: 45px;
	height: 2px;
	content: '';
	top: 0;
}

.threeColumnLink .contextualContent{
	float: none;
	width: 100%;
	margin: 0;
}

.threeColumnLink .contextualContent p{
	margin-bottom: 20px;
	line-height: 1.6em;
	/*
	font-family: 'ProximaNovaExCnLight';
	font-size: 19px !important;
	*/
}

.threeColumnLink h3{
	font-size: 2em;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-bottom: 6px;
}

.threeColumnLink .relatedContentListing{
	border-bottom: 0px;
	margin-bottom: 0px;
}

.threeColumnLink .ctaContainer a, 
.threeColumnLink .secondaryCta a, 
.threeColumnLink .rttSecondaryCTA a{
	font-size: 1.15em;
}

.threeColumnLink .relatedContentListing li{
	border-bottom: 1px solid #dcdcde;
	padding-bottom: 10px;
	margin-bottom: 20px;
	/* 
		font-size: 2em;
	*/
}

.threeColumnLink .ctaContainer,
.threeColumnLink .relatedContentListing li:last-child {
	border: 0px;
}

.threeColumnLink .ctaBox p{
	margin: 0 0 5px 0;
}
header.languageSelector {
	border-bottom: 1px solid #fff;
	background: #e6e5ea;
	position: relative;
	width: inherit;
	display: none;
}
@media screen and (max-width:620px) {
	.hondaHeader.open + header.languageSelector {
		margin-top: -18px;
	}
}

.nojs header.languageSelector {
	display: block;
}

header.languageSelector .wrapperInner {
	position: relative;
	padding: 8px 16px;
	font-size: 1.1em;
	vertical-align: middle;
}

header.languageSelector .label,
header.languageSelector .languages,
header.languageSelector .languages li,
header.languageSelector .closeLanguageSelector {
	display: inline-block;
}
header.languageSelector .label,
header.languageSelector .languages,
header.languageSelector .description,
header.languageSelector .languages li,
header.languageSelector .closeLanguageSelector {
	padding: 0;
	margin: 0;
	color: #555;
}

header.languageSelector .description {
	display: block;
	text-align: center;
}

header.languageSelector .label {
	display: inline-block;
	margin-right: 2px;
}

header.languageSelector .description {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 14px;
	letter-spacing: 0.01em;
	margin-top: 8px;
	margin-bottom: 4px;
}

header.languageSelector .closeLanguageSelector,
header.languageSelector .languages li a {
	font-family: "ProximaNovaExCnSReg";
	text-transform: uppercase;
}

header.languageSelector .languages li a {
	margin: 0 14px;
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #00803E;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}
	header.languageSelector .languages li a:hover {
		border-bottom: 3px solid #00803E;
		color: #01948B;
	}

header.languageSelector .languages li.current a {
	color: #dc182d;
	border-color: #920010;
}

header.languageSelector .closeLanguageSelector {
	font-size: 1.6em;
	margin-left: 12px;
	letter-spacing: 0.02em;
	padding-left: 26px;
	line-height: 100%;
	text-decoration: none;
	color: #00803E;
	position: absolute;
	top: 16px;
	right: 8px;
	text-indent: -999em;
	border-bottom: 1px solid transparent;
	padding-bottom: 6px;
}
	header.languageSelector .closeLanguageSelector:before {
		font-family: 'glyphs14';
		content: '\e031';
		position: absolute;
		font-weight: bold;
		font-size: 1.4em;
		color: #00803e;
		left: 0;
		top: 0;
		text-indent: 0;
	}
header.languageSelector .closeLanguageSelector,
header.languageSelector .closeLanguageSelector:before {
	webkit-transition: .3s all;
	-moz-transition: .3s all;
	transition: .3s all;
}
	header.languageSelector .closeLanguageSelector:hover,
	header.languageSelector .closeLanguageSelector:hover:before {
		color: #01948B;
	}
	header.languageSelector .closeLanguageSelector:hover {
		/*border-bottom: 3px solid #017D75;*/
	}







#outer .detailedProductEmissions {
	display: none;
}
.no-js #outer .detailedProductEmissions,
#outer.emissionsPanelVisible .detailedProductEmissions {
	display: block;
}
#outer .detailedProductEmissions.detailedProductEmissionsPage {
	display: block;
}
#outer .detailedProductEmissions.detailedProductEmissionsPage .closeTop,
#outer .detailedProductEmissions.detailedProductEmissionsPage .closeBtm,
#outer .detailedProductEmissions.detailedProductEmissionsPage .emissionsSummary {
	display: none;
}

.module.detailedProductEmissions {
	position: relative;
	margin-top: 0;
	padding-bottom: 72px;
	border-bottom: 2px solid #3b3b3b;
}

.module.detailedProductEmissions .wrapperInner {
	padding-top: 72px;
}
.module.detailedProductEmissions.detailedProductEmissionsPage .wrapperInner {
	padding-top: 18px;
}

.detailedProductEmissions p.emissionsSummary {
	padding: 0 20px;
	text-align: center;
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 2.4em;
	line-height: 1.3em;
	margin: 0;
	color: #3b3b3b;
	margin: 0 auto 32px;
}

.detailedProductEmissions .emissionTable {
	table-layout: fixed;
}
.detailedProductEmissions .emissionTable h2 {
	text-align: center;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 32px;
	border-bottom: 1px solid #DCDCDE;
	margin: 16px auto 55px;
}
.detailedProductEmissions .emissionTable h2:after {
	position: absolute;
	bottom: -24px;
	content: "\e018";
	font-family: 'glyphs28';
	color: #DC182D;
	left: 50%;
	width: 40px;
	font-size: 28px;
	margin-left: -20px;
	background-color: #F4F3F8;
}
.detailedProductEmissions .emissionTable table {
	table-layout: fixed;
}
.detailedProductEmissions .emissionTable table th {
	text-align: center;
	word-wrap: break-word;
}
.detailedProductEmissions .emissionTable table td {
	text-align: center;
	vertical-align: middle;
}
.detailedProductEmissions .emissionTable table tbody th,
.detailedProductEmissions .emissionTable table tbody td p,
.detailedProductEmissions .emissionTable table tbody td:before {
	text-align: left;
}
.detailedProductEmissions .emissionTable table tbody td:last-child p {
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 2.2em!important;
	color: #0b0b0b;
	line-height: 1em;
}
.detailedProductEmissions .emissionTable table tbody td p .specArrow28Ico {
	line-height: 1em;
	display: inline-block;
	margin-right: 5px;
}
.detailedProductEmissions .emissionTable table tbody td p .specArrow28Ico:before {
	color: inherit;
}
.detailedProductEmissions  .emissionTable tbody  td a {
	color: inherit;
	text-decoration: none;
	border: 0;
	font-family: inherit;
}

.detailedProductEmissions .closeBtm {
}
.detailedProductEmissions .closeBtm {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 50%;
	margin-left: -41px;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: .15em;
	color: #000;
	background: #F4F3F8;
	padding: 1em .5em 1em 1em;
	text-decoration: none;
	background: #fff;
	font-family: "ProximaNovaExCnSbold";
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.detailedProductEmissions .closeBtm:before {
	content: '\e031';
	font-family: 'glyphs14';
	color: #00803E;
	font-size: 24px;
	float: right;
	margin: 0;
}
.detailedProductEmissions .closeBtm span {
	text-transform: uppercase;
}
.detailedProductEmissions .closeBtm:hover {
	background: #017D75;
	color: #FFF;
}
.detailedProductEmissions .closeBtm:hover:before {
	color: #FFF;
}


.detailedProductEmissions .closeTop {
	display: block;
	position: absolute;
	top: 0;
	text-transform: uppercase;
	text-align: center;
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	line-height: 1em;
}
.detailedProductEmissions .closeTop:before {
	content: "\e031";
	font-family: 'glyphs14';
	font-weight: bold;
	color: #FFF;
	speak: none;
	letter-spacing: 0;
}

@media screen and (max-width: 620px) {
	.detailedProductEmissions .closeTop {
		font-size: 2.5em;
		background: #0A803F;
		color: #FFF;
		left: 0;
		right: 0;
		padding: 12px 0;
		font-weight: bold;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	.detailedProductEmissions .closeTop:hover {
		background: #017D75;
	}
	.detailedProductEmissions .closeTop:before {
		font-size: 56px;
		display: inline-block;
		vertical-align: bottom;
	}
}










/* ======================================================
BREAK POINTS
====================================================== */
.infiniteAdvancementCarousel, .infiniteAdvancementCarousel.gracefulDegrade {
  display: block; }

/* =================================================
TRIGGER BUTTON
================================================= */
.infiniteAdvancement .triggerButton, .infiniteAdvancementCarousel .triggerButton {
  display: block;
  width: 140px;
  height: 160px;
  left: 50%;
  margin-left: -70px;
  margin-top: -65px;
  top: 0;
  position: absolute;
  z-index: 3;
  cursor: pointer;
  text-align: center;
  text-decoration: none; }
  .infiniteAdvancement .triggerButton .trigger, .infiniteAdvancementCarousel .triggerButton .trigger {
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    display: block; }
  .infiniteAdvancement .triggerButton span.copy, .infiniteAdvancement .triggerButton tspan, .infiniteAdvancementCarousel .triggerButton span.copy, .infiniteAdvancementCarousel .triggerButton tspan {
    color: inherit;
    fill: inherit;
    text-transform: uppercase;
    font-family: "ProximaNovaExCnSbold";
    font-size: 16px;
    -moz-transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, border 0.2s ease-in-out; }
  .infiniteAdvancement .triggerButton svg text, .infiniteAdvancement .triggerButton svg tspan, .infiniteAdvancementCarousel .triggerButton svg text, .infiniteAdvancementCarousel .triggerButton svg tspan {
    -moz-transition: fill 0.2s ease-in-out;
    -o-transition: fill 0.2s ease-in-out;
    -webkit-transition: fill 0.2s ease-in-out;
    transition: fill 0.2s ease-in-out; }
  .infiniteAdvancement .triggerButton svg .triggerBorder, .infiniteAdvancementCarousel .triggerButton svg .triggerBorder {
    fill: #7AB99B;
    text-decoration: underline; }
    .infiniteAdvancement .triggerButton svg .triggerBorder tspan, .infiniteAdvancementCarousel .triggerButton svg .triggerBorder tspan {
      fill: transparent; }
  .infiniteAdvancement .triggerButton svg .triggerText, .infiniteAdvancementCarousel .triggerButton svg .triggerText {
    fill: transparent; }
  .infiniteAdvancement .triggerButton span.copy, .infiniteAdvancementCarousel .triggerButton span.copy {
    display: inline-block;
    border-bottom: 1px solid #7AB99B;
    padding-bottom: 4px;
    display: none; }
  .infiniteAdvancement .triggerButton:hover .trigger, .infiniteAdvancementCarousel .triggerButton:hover .trigger {
    background-position: center center; }
  .infiniteAdvancement .triggerButton:hover span.copy, .infiniteAdvancementCarousel .triggerButton:hover span.copy {
    border-bottom: 3px solid #017D75; }
  .infiniteAdvancement .triggerButton:hover .triggerBorder, .infiniteAdvancementCarousel .triggerButton:hover .triggerBorder {
    fill: #017D75; }
  .infiniteAdvancement .triggerButton.disabled .trigger, .infiniteAdvancementCarousel .triggerButton.disabled .trigger {
    cursor: default;
    background-position: center bottom; }
  .infiniteAdvancement .triggerButton .surroundTop, .infiniteAdvancementCarousel .triggerButton .surroundTop {
    display: none; }

/* ===============================================
	THEMES
=============================================== */
/* images */
.infiniteAdvancement .scene_bg, .infiniteAdvancement .road_bg, .infiniteAdvancement .border_bg, .infiniteAdvancement .border_leg, .infiniteAdvancement .billboard_bg, .infiniteAdvancementCarousel .scene_bg, .infiniteAdvancementCarousel .road_bg, .infiniteAdvancementCarousel .border_bg, .infiniteAdvancementCarousel .border_leg, .infiniteAdvancementCarousel .billboard_bg {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  opacity: 0;
  -moz-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out; }
.infiniteAdvancement .billboard_bg, .infiniteAdvancementCarousel .billboard_bg {
  transition-delay: 1s; }
.infiniteAdvancement .scene_bg, .infiniteAdvancement .road_bg, .infiniteAdvancement .border_bg, .infiniteAdvancement .border_leg, .infiniteAdvancementCarousel .scene_bg, .infiniteAdvancementCarousel .road_bg, .infiniteAdvancementCarousel .border_bg, .infiniteAdvancementCarousel .border_leg {
  background-position: center bottom;
  background-repeat: repeat-x;
  z-index: 1;
  transition-delay: 2.75s; }
  .infiniteAdvancement .scene_bg.selectedTheme, .infiniteAdvancement .road_bg.selectedTheme, .infiniteAdvancement .border_bg.selectedTheme, .infiniteAdvancement .border_leg.selectedTheme, .infiniteAdvancementCarousel .scene_bg.selectedTheme, .infiniteAdvancementCarousel .road_bg.selectedTheme, .infiniteAdvancementCarousel .border_bg.selectedTheme, .infiniteAdvancementCarousel .border_leg.selectedTheme {
    z-index: 2; }
.infiniteAdvancement .billboard_bg, .infiniteAdvancementCarousel .billboard_bg {
  top: 0;
  bottom: 0;
  z-index: 0;
  background-position: center center;
  background-size: contain; }
  .infiniteAdvancement .billboard_bg.selected, .infiniteAdvancementCarousel .billboard_bg.selected {
    opacity: 1; }
.infiniteAdvancement .scene_bg, .infiniteAdvancementCarousel .scene_bg {
  top: 0;
  height: 790px; }
.infiniteAdvancement .road_bg, .infiniteAdvancementCarousel .road_bg {
  bottom: 0;
  height: 197px; }
.infiniteAdvancement .border_bg, .infiniteAdvancementCarousel .border_bg {
  top: 0;
  bottom: 0; }
.infiniteAdvancement .border_leg, .infiniteAdvancementCarousel .border_leg {
  top: 400px; }

.csstransitions .infiniteAdvancement .selectedTheme, .csstransitions .infiniteAdvancement .selected, .csstransitions .infiniteAdvancementCarousel .selectedTheme, .csstransitions .infiniteAdvancementCarousel .selected {
  opacity: 1; }

html:not(.csstransitions) .infiniteAdvancement .billboard_bg, html:not(.csstransitions) .infiniteAdvancementCarousel .billboard_bg {
  display: none;
  opacity: 1; }

.infiniteAdvancementCarousel {
  background-position: center top;
  /*
  background-position: center top, center 650px;
  */
  background-size: contain;
  background-repeat: repeat-x;
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

/* styles */
.infiniteAdvancement, .infiniteAdvancementCarousel {
  /* day theme */ }
  .infiniteAdvancement .intro h2, .infiniteAdvancementCarousel .intro h2 {
    border: none; }
    .infiniteAdvancement .intro h2:after, .infiniteAdvancementCarousel .intro h2:after {
      background-color: transparent; }
    .infiniteAdvancement .intro h2 span, .infiniteAdvancementCarousel .intro h2 span {
      display: block; }
      .infiniteAdvancement .intro h2 span:after, .infiniteAdvancement .intro h2 span:before, .infiniteAdvancementCarousel .intro h2 span:after, .infiniteAdvancementCarousel .intro h2 span:before {
        content: ' ';
        position: absolute;
        display: block;
        border-bottom: 1px solid white;
        bottom: 0;
        width: 45%;
        -moz-transition: border 2s ease-out;
        -o-transition: border 2s ease-out;
        -webkit-transition: border 2s ease-out;
        transition: border 2s ease-out; }
      .infiniteAdvancement .intro h2 span:before, .infiniteAdvancementCarousel .intro h2 span:before {
        left: 0; }
      .infiniteAdvancement .intro h2 span:after, .infiniteAdvancementCarousel .intro h2 span:after {
        right: 0; }
  .infiniteAdvancement .intro h2,
  .infiniteAdvancement .tagline h2,
  .infiniteAdvancement .tagline .iconCta li a,
  .infiniteAdvancement .campaignInfo .copyArea p,
  .infiniteAdvancement .campaignInfo .copyArea h3,
  .infiniteAdvancement .campaignInfo .copyArea h4,
  .infiniteAdvancement .carouselItem .contentTitle,
  .infiniteAdvancement .carouselItem .contentBody,
  .infiniteAdvancement a.triggerButton, .infiniteAdvancementCarousel .intro h2,
  .infiniteAdvancementCarousel .tagline h2,
  .infiniteAdvancementCarousel .tagline .iconCta li a,
  .infiniteAdvancementCarousel .campaignInfo .copyArea p,
  .infiniteAdvancementCarousel .campaignInfo .copyArea h3,
  .infiniteAdvancementCarousel .campaignInfo .copyArea h4,
  .infiniteAdvancementCarousel .carouselItem .contentTitle,
  .infiniteAdvancementCarousel .carouselItem .contentBody,
  .infiniteAdvancementCarousel a.triggerButton {
    color: #fff;
    -moz-transition: color 2s ease-out;
    -o-transition: color 2s ease-out;
    -webkit-transition: color 2s ease-out;
    transition: color 2s ease-out; }
  .infiniteAdvancement a.triggerButton .triggerText tspan, .infiniteAdvancementCarousel a.triggerButton .triggerText tspan {
    fill: #fff;
    -moz-transition: fill 2s ease-out;
    -o-transition: fill 2s ease-out;
    -webkit-transition: fill 2s ease-out;
    transition: fill 2s ease-out; }
  .infiniteAdvancement.dayTheme .intro h2,
  .infiniteAdvancement.dayTheme .tagline h2,
  .infiniteAdvancement.dayTheme .tagline .iconCta li a,
  .infiniteAdvancement.dayTheme .campaignInfo .copyArea p,
  .infiniteAdvancement.dayTheme .campaignInfo .copyArea h3,
  .infiniteAdvancement.dayTheme .campaignInfo .copyArea h4,
  .infiniteAdvancement.dayTheme a.triggerButton, .infiniteAdvancementCarousel.dayTheme .intro h2,
  .infiniteAdvancementCarousel.dayTheme .tagline h2,
  .infiniteAdvancementCarousel.dayTheme .tagline .iconCta li a,
  .infiniteAdvancementCarousel.dayTheme .campaignInfo .copyArea p,
  .infiniteAdvancementCarousel.dayTheme .campaignInfo .copyArea h3,
  .infiniteAdvancementCarousel.dayTheme .campaignInfo .copyArea h4,
  .infiniteAdvancementCarousel.dayTheme a.triggerButton {
    color: #3B3B3B; }
  .infiniteAdvancement.dayTheme .triggerButton .surroundTop .triggerText tspan, .infiniteAdvancementCarousel.dayTheme .triggerButton .surroundTop .triggerText tspan {
    fill: #3B3B3B; }
  .infiniteAdvancement.dayTheme .intro h2 span:after, .infiniteAdvancement.dayTheme .intro h2 span:before, .infiniteAdvancementCarousel.dayTheme .intro h2 span:after, .infiniteAdvancementCarousel.dayTheme .intro h2 span:before {
    border-color: #3B3B3B; }

.infiniteAdvancementCarousel.contentGallery.moduleFlush {
  padding-bottom: 0; }
.infiniteAdvancementCarousel p, .infiniteAdvancementCarousel h2, .infiniteAdvancementCarousel.contentGallery .intro p, .infiniteAdvancementCarousel .intro h2:after {
  color: inherit; }
.infiniteAdvancementCarousel .intro .rttSecondaryCTA {
  text-align: center;
  margin-bottom: 0; }
  .infiniteAdvancementCarousel .intro .rttSecondaryCTA a {
    display: inline-block; }
.infiniteAdvancementCarousel.contentGallery .carousel {
  padding-bottom: 32px; }
  .infiniteAdvancementCarousel.contentGallery .carousel .carouselWrapper {
    overflow: hidden; }
  .infiniteAdvancementCarousel.contentGallery .carousel .indicatorCounter {
    display: none; }
  .infiniteAdvancementCarousel.contentGallery .carousel .imgArea {
    padding: 0 3.7%; }
    .infiniteAdvancementCarousel.contentGallery .carousel .imgArea img {
      background: none; }
  .infiniteAdvancementCarousel.contentGallery .carousel .controls {
    display: none; }
.infiniteAdvancementCarousel .copyArea {
  margin-top: 140px; }

.infiniteAdvancement {
  display: none; }
/* ======================================================
BREAK POINTS
====================================================== */
.brandReviews {
  background-color: #FFF; }
  .brandReviews.moduleFlush {
    padding-top: 24px; }
  @media screen and (max-width: 620px) {
    .brandReviews .introCopy,
    .brandReviews .introReevoo p {
      padding: 0 32px;
      text-align: center; }
      .brandReviews .introCopy p,
      .brandReviews .introReevoo p p {
        font-size: 1.3em; }
    .brandReviews .introCopy .strapline {
      display: block;
      margin: 0 0 0.2em;
      padding: 0;
      color: #DC182D;
      font-family: "ProximaNovaExCnLight";
      font-size: 4em;
      letter-spacing: -1px;
      line-height: 1em;
      text-transform: uppercase; } }
  .brandReviews .reevooGroup,
  .brandReviews .reevooBadgeHolder,
  .brandReviews .learnMore {
    margin: 1.2em 0;
    text-align: center; }
  .brandReviews .reevooGroup a.reevooGroupLink,
  .brandReviews .reevooBadgeHolder a.reevoomark,
  .brandReviews .learnMore a {
    position: relative;
    margin: 0 0 0 12px;
    font-size: 1.4em !important;
    line-height: 20px; }
    .brandReviews .reevooGroup a.reevooGroupLink:after,
    .brandReviews .reevooBadgeHolder a.reevoomark:after,
    .brandReviews .learnMore a:after {
      display: none; }
    .brandReviews .reevooGroup a.reevooGroupLink:before,
    .brandReviews .reevooBadgeHolder a.reevoomark:before,
    .brandReviews .learnMore a:before {
      position: absolute;
      top: -1px;
      left: -20px;
      display: block;
      margin-left: 0;
      font-size: 20px; }
  .brandReviews .reevooGroup,
  .brandReviews .reevooBadgeHolder {
    padding-left: 0;
    min-height: 36px; }
  .brandReviews .reevooGroup a.reevooGroupLink,
  .brandReviews .reevooBadgeHolder a.reevoomark {
    line-height: 36px; }
  .brandReviews .reevoomark_badge {
    margin: 0 auto;
    left: 0; }
  .brandReviews .modelSelector ul li, .brandReviews .modelSelector ul li:nth-child(2) {
    min-width: 175px; }
  @media screen and (max-width: 436px) {
    .brandReviews .modelSelector ul li, .brandReviews .modelSelector ul li:nth-of-type(1n) {
      width: 100%;
      margin-right: 0; } }
  .no-js .brandReviews .modelSelector li.productFamily > .reevooGroup,
  .no-js .brandReviews .modelSelector li.productFamily > .learnMore {
    display: none; }
  .no-js .brandReviews .modelSelector .reevooGroup,
  .no-js .brandReviews .modelSelector .reevooBadgeHolder {
    min-height: 0; }
/* ======================================================
BREAK POINTS
====================================================== */
.brandReviews.brandMessage {
  margin-top: 0;
  border-color: #2A61B4;
  border-style: solid;
  border-width: 1px 0;
  background-color: #FFF; }
  #page > .brandReviews.brandMessage.module:last-child {
    margin-bottom: 104px;
    padding-bottom: 0; }
  #page > .brandReviews.brandMessage.moduleFlush:last-child {
    margin-bottom: 0;
    padding-bottom: 104px; }
  .brandReviews.brandMessage .innerWrapper {
    display: block;
    padding: 0; }
  .brandReviews.brandMessage .imgArea,
  .brandReviews.brandMessage .copyArea {
    margin: 0;
    padding: 0 6.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .brandReviews.brandMessage .imgArea {
    padding-top: 6.4em;
    padding-bottom: 3.8em; }
  .brandReviews.brandMessage .copyArea {
    padding-top: 3.2em;
    padding-bottom: 4.8em;
    text-align: center;
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjA0cHgiIGhlaWdodD0iMnB4IiB2aWV3Qm94PSIwIDAgMjA0IDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwNCAyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgZmlsbD0iI2Q0ZTBmMCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4KPHJlY3QgeD0iMjQiIGZpbGw9IiNkNGUwZjAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIi8+CjxyZWN0IHg9IjQ4IiBmaWxsPSIjZDRlMGYwIiB3aWR0aD0iMTIiIGhlaWdodD0iMiIvPgo8cmVjdCB4PSI3MiIgZmlsbD0iI2Q0ZTBmMCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4KPHJlY3QgeD0iOTYiIGZpbGw9IiNkNGUwZjAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIi8+CjxyZWN0IHg9IjEyMCIgZmlsbD0iI2Q0ZTBmMCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4KPHJlY3QgeD0iMTQ0IiBmaWxsPSIjZDRlMGYwIiB3aWR0aD0iMTIiIGhlaWdodD0iMiIvPgo8cmVjdCB4PSIxNjgiIGZpbGw9IiNkNGUwZjAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIi8+CjxyZWN0IHg9IjE5MiIgZmlsbD0iI2Q0ZTBmMCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4KPC9zdmc+") center top no-repeat; }
    .no-svg .brandReviews.brandMessage .copyArea {
      background-image: url("../../img/brand_reviews/dashed_divider_horizontal.png"); }
    .brandReviews.brandMessage .copyArea h2 {
      color: #FF7910;
      font-family: "ProximaNovaExCnSbold";
      font-size: 6.2em;
      line-height: 1;
      text-transform: uppercase;
      margin-bottom: 0.25em; }
    .brandReviews.brandMessage .copyArea p {
      color: #3B3B3B;
      font-family: "ProximaNovaExCnLight";
      font-size: 2.5em;
      line-height: 1.2em; }
    .brandReviews.brandMessage .copyArea strong {
      font-family: "ProximaNovaExCnSbold";
      font-weight: normal; }
  .brandReviews.brandMessage .secondaryCta.simpleCta {
    margin: 3.2em auto 0;
    padding: 0;
    font-size: 1em; }
    .brandReviews.brandMessage .secondaryCta.simpleCta a {
      display: inline-block;
      margin: 0;
      padding: 0.6em 2em 0.4em;
      font-size: 1.6em;
      letter-spacing: 2px;
      background-color: #2A61B4;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .brandReviews.brandMessage .secondaryCta.simpleCta a:hover {
        background-color: #0F3D82; }
      .brandReviews.brandMessage .secondaryCta.simpleCta a:before, .brandReviews.brandMessage .secondaryCta.simpleCta a:after {
        display: none; }
  .brandReviews.brandMessage .reevoo {
    display: block;
    min-height: 138px;
    z-index: 1;
    visibility: hidden; }
    .brandReviews.brandMessage .reevoo p {
      padding-left: 143px;
      color: #3B3B3B;
      font-size: 1em;
      line-height: 1; }
      .brandReviews.brandMessage .reevoo p .message {
        position: relative;
        display: block;
        font-family: "ProximaNovaExCnLight";
        font-size: 2.4em;
        line-height: 1.1; }
        .brandReviews.brandMessage .reevoo p .message:before {
          position: relative;
          display: block;
          height: 30px;
          width: 100%;
          max-width: 140px;
          margin: 0 0 10px;
          content: "";
          background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMjFweCIKCSBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxMjEgMjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJMYXllcl8xIj4KCTxwYXRoIGZpbGw9IiNGRTdBMEUiIGQ9Ik0xMTUuNCw3LjZjLTMsMC01LjMwMSwyLjYtNS4zMDEsNS40YzAsMC41LDAuMTAxLDMuMiwzLjEwMSw0LjljMS4xLDAuNjk5LDEuMywyLjM5OSwwLjMsMy4xOTkKCQljLTAuMiwwLjEwMS0wLjIsMC41LDAuMSwwLjVjMC4zMDEsMCwxLjEwMS0wLjE5OSwyLjQtMC44YzIuNy0xLjIsNC45LTQuMzk5LDQuOS03LjhDMTIwLjcsMTAsMTE4LjQsNy42LDExNS40LDcuNiBNMTguOCw3LjUKCQljLTUuMiwwLTYuNywyLjktNi43LDYuM3Y0LjNjMCwzLjksMS44LDYuMiw2LjgsNi4yYzEuOSwwLDQuMS0wLjMsNS45LTFsLTAuNi0zYy0xLjgsMC41LTMuNCwwLjgtNC45LDAuOGMtMi41LDAtMy4xLTAuOC0zLjEtMi42OTkKCQlWMTcuNmg5VjE0LjJDMjUuMSwxMC41LDI0LDcuNSwxOC44LDcuNSBNMjEuMywxNC4yaC01LjF2LTAuOGMwLTEuNSwwLjctMi42MDEsMi43LTIuNjAxczIuNSwxLjEsMi41LDIuNjAxdjAuOEgyMS4zeiBNMzUuMSw3LjUKCQljLTUuMiwwLTYuNywyLjktNi43LDYuM3Y0LjNjMCwzLjksMS44LDYuMiw2LjgsNi4yYzEuOSwwLDQuMS0wLjMsNS45LTFsLTAuNi0zYy0xLjgsMC41LTMuNCwwLjgtNC45LDAuOGMtMi41LDAtMy4xLTAuOC0zLjEtMi42OTkKCQlWMTcuNmg5VjE0LjJDNDEuNCwxMC41LDQwLjIsNy41LDM1LjEsNy41IE0zNy42LDE0LjJoLTUuMXYtMC44YzAtMS41LDAuNy0yLjYwMSwyLjctMi42MDFzMi41LDEuMSwyLjUsMi42MDF2MC44SDM3LjZ6Ii8+Cgk8cG9seWdvbiBmaWxsPSIjRkU3QTBFIiBwb2ludHM9IjUxLjIsMjAuMSA0Ny41LDcuOCA0My4zLDcuOCA0OC41LDI0IDUzLjgsMjQgNTksNy44IDU0LjksNy44IAkiLz4KCTxwYXRoIGZpbGw9IiNGRTdBMEUiIGQ9Ik02OCw3LjVjLTUuNSwwLTcsMy03LDYuNFYxOGMwLDMuMywxLjUsNi40LDcsNi40czctMyw3LTYuNHYtNC4xQzc1LDEwLjYsNzMuNSw3LjUsNjgsNy41IE03MSwxOC4xCgkJYzAsMS44MDEtMC44LDIuODAxLTMsMi44MDFzLTMtMS0zLTIuODAxVjEzLjdjMC0xLjgsMC44LTIuOCwzLTIuOHMzLDEsMywyLjhWMTguMXogTTg1LjQsNy41Yy01LjUsMC03LDMtNyw2LjRWMTgKCQljMCwzLjMsMS41LDYuNCw3LDYuNHM3LTMsNy02LjR2LTQuMUM5Mi41LDEwLjYsOTEsNy41LDg1LjQsNy41IE04OC40LDE4LjFjMCwxLjgwMS0wLjgwMSwyLjgwMS0zLDIuODAxYy0yLjIsMC0zLTEtMy0yLjgwMVYxMy43CgkJYzAtMS44LDAuOC0yLjgsMy0yLjhjMi4xOTksMCwzLDEsMywyLjhWMTguMXogTTMuNyw5LjZMMy40LDcuOEgwVjIzLjloNFYxMy40YzAsMCwxLTAuOSwyLjMtMS42MDFjMS4zLTAuNywzLjEtMC40LDMuMS0wLjQKCQlsMC4yLTMuNWMwLDAtMi0wLjMtMy40LDAuMkM0LjksOC43LDMuNyw5LjYsMy43LDkuNiIvPgo8L2c+CjxnIGlkPSJMYXllcl8xX2NvcHkiPgoJPHBhdGggZmlsbD0iIzJBNjFCNCIgZD0iTTEwMy45LDBjMywwLDUuMywyLjYsNS4zLDUuNGMwLDAuNS0wLjEwMSwzLjItMyw0LjljLTEuMTAxLDAuNy0xLjMsMi40LTAuMywzLjIKCQlDMTA2LjEsMTMuNiwxMDYuMSwxNCwxMDUuOCwxNHMtMS4xLTAuMi0yLjM5OS0wLjhjLTIuNy0xLjItNC45LTQuNC00LjktNy44Qzk4LjYsMi40LDEwMC45LDAsMTAzLjksMCIvPgo8L2c+Cjwvc3ZnPg==") 0 0 no-repeat;
          background-size: 100%; }
          .no-svg .brandReviews.brandMessage .reevoo p .message:before {
            background-image: url("../../img/brand_reviews/logo_reevoo.png"); }
      .brandReviews.brandMessage .reevoo p .percentage {
        float: left;
        width: 138px;
        height: 138px;
        margin: -2.2em 0 -138px -143px;
        color: #FF7910;
        text-align: center;
        line-height: 138px;
        background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjA2cHgiIGhlaWdodD0iMjA2cHgiIHZpZXdCb3g9IjAgMCAyMDYgMjA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDYgMjA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzJDNjBCNCIgZD0iTTEwMy4wNjIsMTk1LjQ5NGMtMTAuNTI5LDAtMjEuMDktMS44MjEtMzEuMjk0LTUuNDgxYy0yMy4yNTctOC4zNDMtNDEuODczLTI1LjI0Mi01Mi40MTgtNDcuNTg2CglDOC44MDMsMTIwLjA4Miw3LjU5LDk0Ljk2OSwxNS45MzIsNzEuNzEyQzI3LjA0LDQwLjc0OCw1NC4wNjQsMTcuODM3LDg2LjQ2MSwxMS45MmwxLjM5Ni0wLjI1NWwzLjcyNywxNS40ODNsLTIuOTE3LDAuNzAyCglsLTMuMDYtMTIuNzEzYy0zMC43MjksNi4xMTktNTYuMjYzLDI4LjA3Mi02Ni44NTEsNTcuNTg3Yy04LjA3MiwyMi41MDItNi44OTgsNDYuODAxLDMuMzA2LDY4LjQyMQoJYzEwLjIwNCwyMS42MTksMjguMjE2LDM3Ljk3MSw1MC43MTgsNDYuMDQyYzIyLjUwMiw4LjA3NCw0Ni44LDYuODk5LDY4LjQyLTMuMzA2YzIxLjYxOS0xMC4yMDMsMzcuOTcxLTI4LjIxNiw0Ni4wNDMtNTAuNzE5CgljOC4wNzItMjIuNTAyLDYuODk5LTQ2LjgwMS0zLjMwNS02OC40MnMtMjguMjE2LTM3Ljk3MS01MC43MTktNDYuMDQzYy04LjQzNi0zLjAyNi0xNy4xOTItNC43NjgtMjYuMDUxLTUuMTg0bC0wLjU0NSwxMi40MjMKCWwtMi45OTgtMC4xMzJsMC42NzYtMTUuMzkybDEuNDc5LDAuMDQ0YzkuNjc5LDAuMjkzLDE5LjI1MSwyLjExNSwyOC40NTMsNS40MTVjMjMuMjU3LDguMzQzLDQxLjg3MiwyNS4yNDMsNTIuNDE4LDQ3LjU4NgoJYzEwLjU0NiwyMi4zNDQsMTEuNzU5LDQ3LjQ1OCwzLjQxNiw3MC43MTRzLTI1LjI0Miw0MS44NzMtNDcuNTg3LDUyLjQxOUMxMjkuOTQsMTkyLjUxNSwxMTYuNTI4LDE5NS40OTQsMTAzLjA2MiwxOTUuNDk0eiIvPgo8L3N2Zz4=") 0 0 no-repeat;
        background-size: 100%; }
        .no-svg .brandReviews.brandMessage .reevoo p .percentage {
          background-image: url("../../img/brand_reviews/percentage_roundel.png"); }
        .brandReviews.brandMessage .reevoo p .percentage .value {
          position: relative;
          font-family: "ProximaNovaExCnSbold";
          font-size: 7.8em;
          font-weight: bold;
          letter-spacing: -0.05em;
          text-indent: -0.5em; }
        .brandReviews.brandMessage .reevoo p .percentage sup {
          position: absolute;
          top: 1.4em;
          right: -1.4em;
          font-family: "ProximaNovaExCnSReg";
          font-size: 0.25em;
          font-weight: normal;
          line-height: 1px; }
/* ======================================================
BREAK POINTS
====================================================== */
.socialHubHeader {
  margin: 0;
  background: #F4F3F8;
  position: relative; }

.socialHubHeader p.tagline {
  font-family: "ProximaNovaExCnSReg";
  font-size: 2em;
  letter-spacing: 0.005em;
  line-height: 1.2;
  color: #DC182D;
  margin-top: 28px;
  display: none; }

@media screen and (max-width: 620px) {
  .socialHubHeader .contentBox p {
    display: none; }

  .socialCta.iconCta {
    margin: 12px; }

  .socialCta.iconCta li:before {
    margin-top: 8px; }

  .socialCta.iconCta li:after {
    display: none; }

  .socialHubHeader p.tagline {
    display: block; } }
/* ======================================================
BREAK POINTS
====================================================== */
.diamondSocialCTAs .socialCta.diamondCroppedImgBg {
  text-align: center; }

.diamondSocialCTAs .socialCta.diamondCroppedImgBg li {
  margin-top: 0;
  position: relative;
  width: 190px;
  display: inline-block;
  text-align: left; }

@media screen and (max-width: 620px) {
  .diamondSocialCTAs .socialCta.diamondCroppedImgBg li {
    margin: 0 16px 32px; } }
.diamondSocialCTAs .socialCta.diamondCroppedImgBg li:before {
  width: 80px;
  height: 80px;
  left: 50%;
  top: 25%;
  margin-left: -40px;
  padding: 0;
  z-index: 12; }

.diamondSocialCTAs .socialCta.diamondCroppedImgBg li:after {
  display: none; }

.diamondSocialCTAs .socialCta.diamondCroppedImgBg li a {
  padding-top: 200px;
  display: inline-block;
  position: relative;
  border: none;
  text-decoration: none;
  background: none;
  width: 100%;
  text-align: center;
  color: #3B3B3B;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.diamondSocialCTAs .socialCta.diamondCroppedImgBg li a span {
  border-bottom: 1px solid #7FBF9E;
  transition: .3s border-bottom;
  -webkit-transition: .3s border-bottom; }

.diamondSocialCTAs .socialCta.diamondCroppedImgBg li a:hover span {
  border-bottom: 3px solid #017D75; }

.diamondSocialCTAs .socialCta.diamondCroppedImgBg li .croppedBg {
  position: absolute;
  display: block;
  left: 28px;
  top: 28px;
  width: 132px;
  height: 132px;
  overflow: hidden;
  z-index: 1;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg); }

.diamondSocialCTAs .socialCta.diamondCroppedImgBg li span.croppedBg,
.diamondSocialCTAs .socialCta.diamondCroppedImgBg li a:hover span.croppedBg,
.diamondSocialCTAs .socialCta.diamondCroppedImgBg li a:hover span.croppedImg,
.diamondSocialCTAs .socialCta.diamondCroppedImgBg li span.croppedImg {
  border: none; }

.diamondSocialCTAs .socialCta.diamondCroppedImgBg li .croppedBg .croppedImg {
  display: block;
  margin: 0;
  background-repeat: no-repeat;
  position: absolute;
  top: -25%;
  bottom: -25%;
  left: -25%;
  right: -25%;
  background-position: center;
  background-size: cover;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); }
/* ======================================================
BREAK POINTS
====================================================== */
.socialHubCampaignConcept h2, .socialHubCampaignConcept p, .socialHubCampaignConcept a {
  color: inherit; }
.socialHubCampaignConcept h2 {
  padding: 20px 0;
  margin: 0; }
.socialHubCampaignConcept p {
  font-size: 2.2em;
  font-family: 'ProximaNovaExCnSReg';
  line-height: 1.4em; }
.socialHubCampaignConcept .copyArea {
  text-align: center; }
@media (max-width: 620px) {
  .socialHubCampaignConcept .wrapperInner {
    padding: 0; }
    .socialHubCampaignConcept .wrapperInner .imgArea img {
      width: 100%;
      display: block; }
    .socialHubCampaignConcept .wrapperInner .copyArea {
      padding: 0 6%; } }
.module.breadcrumbTrail {
  margin: 0; }
  .module.breadcrumbTrail nav {
    margin: 0 auto;
    text-align: left;
    width: 100%;
    max-width: 992px; }
  .module.breadcrumbTrail nav ol {
    margin: 0;
    padding: 2em;
    display: block;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .module.breadcrumbTrail li {
    display: inline;
    margin: 0 20px 0 0;
    position: relative;
    vertical-align: top; }
  .module.breadcrumbTrail li a,
  .module.breadcrumbTrail li strong {
    color: #3B3B3B;
    padding-bottom: 2px;
    text-decoration: none;
    vertical-align: bottom; }
  .module.breadcrumbTrail li a span,
  .module.breadcrumbTrail li strong span {
    border-bottom: 1px solid #7FBF9E;
    moz-transition: all .2s ease-in-out;
    padding-bottom: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out; }
  .module.breadcrumbTrail li a:hover span {
    border-bottom: 3px solid #017D75; }
  .module.breadcrumbTrail li:after {
    content: "\e00a";
    font-family: 'glyphs14';
    font-size: 21px;
    position: absolute;
    right: -20px;
    top: 1px; }
  .module.breadcrumbTrail li:last-child {
    margin-right: 0; }
  .module.breadcrumbTrail li:last-child:after {
    display: none; }
  .module.breadcrumbTrail li strong {
    font-size: .75em;
    text-transform: uppercase;
    font-weight: normal; }
  .module.breadcrumbTrail li strong span {
    border-bottom: none; }
  @media screen and (max-width: 620px) {
    .module.breadcrumbTrail li a {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 15px; }
    .module.breadcrumbTrail li strong {
      overflow: inherit;
      text-overflow: initial;
      width: auto; } }
  @media screen and (max-width: 400px) {
    .module.breadcrumbTrail li {
      display: none; }
    .module.breadcrumbTrail li:nth-last-child(2),
    .module.breadcrumbTrail li:last-child {
      display: inline; } }
/* ======================================================
BREAK POINTS
====================================================== */
.module.fullScreenPanel,
#page > .module.fullScreenPanel:last-child {
  margin: 0; }

.fullScreenPanel {
  position: relative;
  height: 600px; }
  .fullScreenPanel h1 {
    position: relative;
    margin: 0 0 0.1em;
    padding: 0px;
    font-size: 4.4em;
    line-height: 0.9; }
    .fullScreenPanel h1:before {
      display: none; }
  .fullScreenPanel p, .fullScreenPanel h3 {
    font-size: 2.2em;
    margin-bottom: 0.5em;
    font-family: "ProximaNovaExCnSReg";
    letter-spacing: 0.005em;
    line-height: 1.2; }
  .fullScreenPanel h3 {
    margin-top: 0.2em;
    text-transform: uppercase; }
  .fullScreenPanel .wrapper {
    position: relative; }
    .fullScreenPanel .wrapper .wrapperInner {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  .fullScreenPanel .contentBox {
    padding: 2.5em 0 1px;
    text-align: center; }
  .fullScreenPanel .imageBackground {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    background-position: center center; }
    .fullScreenPanel .imageBackground .landscape, .fullScreenPanel .imageBackground .portrait {
      background-repeat: no-repeat;
      background-position: inherit;
      background-size: cover;
      width: 100%;
      height: 100%;
      display: none; }
      .fullScreenPanel .imageBackground .landscape img, .fullScreenPanel .imageBackground .portrait img {
        display: block;
        width: 100%; }
        @media (min-width: 621px) {
          .fullScreenPanel .imageBackground .landscape img, .fullScreenPanel .imageBackground .portrait img {
            display: none; } }
    .fullScreenPanel .imageBackground.align-tl {
      background-position: top left; }
    .fullScreenPanel .imageBackground.align-tc {
      background-position: top center; }
    .fullScreenPanel .imageBackground.align-tr {
      background-position: top right; }
    .fullScreenPanel .imageBackground.align-ml {
      background-position: center left; }
    .fullScreenPanel .imageBackground.align-mc {
      background-position: center center; }
    .fullScreenPanel .imageBackground.align-mr {
      background-position: center right; }
    .fullScreenPanel .imageBackground.align-bl {
      background-position: bottom left; }
    .fullScreenPanel .imageBackground.align-bc {
      background-position: bottom center; }
    .fullScreenPanel .imageBackground.align-br {
      background-position: bottom right; }
    @media (orientation: portrait) {
      .fullScreenPanel .imageBackground .portrait {
        display: block; } }
    @media (orientation: landscape) {
      .fullScreenPanel .imageBackground .landscape {
        display: block; } }
  .fullScreenPanel .primaryCta {
    font-size: 1.9em; }
    .fullScreenPanel .primaryCta:before {
      top: 8px; }
  .fullScreenPanel.video .video-player-wrapper, .fullScreenPanel.introduction.video .video-player-wrapper {
    position: relative;
    width: 100%;
    z-index: 2; }
  .fullScreenPanel.video .video-player, .fullScreenPanel.introduction.video .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1; }
  .fullScreenPanel.video .contentBox, .fullScreenPanel.introduction.video .contentBox {
    position: static; }
  .fullScreenPanel.video .video-trigger, .fullScreenPanel.introduction.video .video-trigger {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 3;
    -webkit-tap-highlight-color: transparent;
    -moz-transition: opacity 700ms;
    -o-transition: opacity 700ms;
    -webkit-transition: opacity 700ms;
    transition: opacity 700ms; }
    .fullScreenPanel.video .video-trigger:before, .fullScreenPanel.introduction.video .video-trigger:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 122px;
      height: 87px;
      margin: -43px 0 0 -61px;
      content: "";
      background: url("../../img/sprite_youtube_play_button.png") no-repeat 0 0;
      -moz-transition: opacity 700ms;
      -o-transition: opacity 700ms;
      -webkit-transition: opacity 700ms;
      transition: opacity 700ms; }
    .fullScreenPanel.video .video-trigger:hover:before, .fullScreenPanel.introduction.video .video-trigger:hover:before {
      background-position: 0 -87px; }
  .fullScreenPanel.video .videoEndFrame, .fullScreenPanel.introduction.video .videoEndFrame {
    z-index: -1;
    display: none; }
  .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(13, 14, 22, 0.9); }
    .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .contentBox, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .contentBox {
      padding-top: 2em;
      text-align: center; }
    .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta h1, .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta p, .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .close, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta h1, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta p, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .close {
      color: #FFF; }
    .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta h1, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta h1 {
      position: relative;
      margin: 0 0 0.5em;
      padding: 0;
      font-size: 4.4em;
      line-height: 0.9; }
      .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta h1:before, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta h1:before {
        width: 20px;
        margin: 0 auto 20px; }
    .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta p, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta p {
      margin-bottom: 0.5em;
      font-family: "ProximaNovaExCnSReg";
      font-size: 2em;
      letter-spacing: 0.005em;
      line-height: 1.2;
      text-transform: none; }
    .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList {
      margin: 4.2em 0 0;
      *zoom: 1; }
      .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList:after, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden; }
      .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList li, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList li {
        width: 46%;
        float: left;
        margin: 0 8px 1em;
        padding: 0 0 0 22px;
        font-size: 1em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a {
        display: block;
        padding: 0.57em 38px;
        color: #070A15;
        font-family: "ProximaNovaExCnSbold";
        font-size: 1.9em;
        letter-spacing: 1px;
        line-height: 1;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        background-color: #FFF;
        -ms-word-break: break-all;
        word-wrap: break-all;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a:before, .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a:after, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a:before, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a:after {
          position: absolute;
          top: -2px;
          left: -22px;
          width: 45px;
          height: 45px;
          line-height: 45px; }
        .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a:before, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a:before {
          color: #070A15;
          font-size: 40px;
          text-align: center; }
        .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a:after, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a:after {
          content: '';
          background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNzhweCIgaGVpZ2h0PSI3OHB4IiB2aWV3Qm94PSIwIDAgNzggNzgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc4IDc4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgeD0iMTEuNDIzIiB5PSIxMS40MjMiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTE2LjE1NDMgMzkpIiBmaWxsPSIjMDcwQTE1IiB3aWR0aD0iNTUuMTU0IiBoZWlnaHQ9IjU1LjE1NCIvPgo8cmVjdCB4PSIxNC4yNTEiIHk9IjE0LjI1MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTYuMTU0MyAzOSkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI0OS40OTciIGhlaWdodD0iNDkuNDk3Ii8+Cjwvc3ZnPg==");
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100%; }
        .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a .title, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a .title {
          word-wrap: break-word; }
          .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a .title:after, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a .title:after {
            position: absolute;
            top: 8px;
            right: 10px;
            color: #070A15;
            font-size: 24px;
            font-weight: bold;
            line-height: 1; }
        .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a.offersDiamond56Ico:before, .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a.accessoriesDiamond56Ico:before, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a.offersDiamond56Ico:before, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a.accessoriesDiamond56Ico:before {
          font-size: 25px; }
        .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a.registerYourInterestFooterDiamond56Ico:before, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList a.registerYourInterestFooterDiamond56Ico:before {
          font-size: 20px; }
    .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .close, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 28px;
      height: 28px;
      margin: 0;
      padding: 0;
      border: none;
      background-color: transparent; }
      .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .close:before, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .close:before {
        font-size: 32px; }
    .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .replay, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .replay {
      display: none; }
    @media screen and (max-width: 500px) {
      .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .contentBox, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .contentBox {
        padding-top: 10em; }
      .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList {
        margin-right: 5%;
        margin-left: 5%; }
        .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList li, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .diamondCtaLinkList li {
          width: auto;
          float: none;
          margin-right: 0;
          margin-left: 0; } }
    .fullScreenPanel.video .videoEndFrame.videoEndFrameDiamondCta .imageArea, .fullScreenPanel.introduction.video .videoEndFrame.videoEndFrameDiamondCta .imageArea {
      display: none; }
  .fullScreenPanel.video.showEndFrame .videoEndFrame, .fullScreenPanel.introduction.video.showEndFrame .videoEndFrame {
    z-index: 3;
    display: block; }
  .fullScreenPanel.video.playing .video-player, .fullScreenPanel.introduction.video.playing .video-player {
    height: 100%; }
  .fullScreenPanel.video.playing .video-trigger, .fullScreenPanel.introduction.video.playing .video-trigger {
    opacity: 0; }
    .fullScreenPanel.video.playing .video-trigger:hover, .fullScreenPanel.introduction.video.playing .video-trigger:hover {
      opacity: 1; }
      .fullScreenPanel.video.playing .video-trigger:hover:before, .fullScreenPanel.introduction.video.playing .video-trigger:hover:before {
        background-position: -122px 0; }
  .fullScreenPanel.video.paused .video-trigger, .fullScreenPanel.introduction.video.paused .video-trigger {
    opacity: 1; }
  .fullScreenPanel.video.modalModeAnimate .video-player-wrapper, .fullScreenPanel.video.modalModeAnimate .video-trigger, .fullScreenPanel.video.modalModeAnimate > .wrapper, .fullScreenPanel.video.modalModeAnimate > .imageBackground, .fullScreenPanel.video.modalModeAnimate .videoEndFrame, .fullScreenPanel.introduction.video.modalModeAnimate .video-player-wrapper, .fullScreenPanel.introduction.video.modalModeAnimate .video-trigger, .fullScreenPanel.introduction.video.modalModeAnimate > .wrapper, .fullScreenPanel.introduction.video.modalModeAnimate > .imageBackground, .fullScreenPanel.introduction.video.modalModeAnimate .videoEndFrame {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed; }
  .fullScreenPanel.video.modalModeAnimate .video-trigger, .fullScreenPanel.video.modalModeAnimate > .wrapper, .fullScreenPanel.introduction.video.modalModeAnimate .video-trigger, .fullScreenPanel.introduction.video.modalModeAnimate > .wrapper {
    height: inherit; }
  .fullScreenPanel.video.modalModeAnimate.showEndFrame .video-trigger, .fullScreenPanel.introduction.video.modalModeAnimate.showEndFrame .video-trigger {
    display: none; }
  .fullScreenPanel.video.modalModeAnimate.playing .video-player-wrapper, .fullScreenPanel.introduction.video.modalModeAnimate.playing .video-player-wrapper {
    z-index: 103; }
  .fullScreenPanel.video.modalModeAnimate.playing .video-player, .fullScreenPanel.introduction.video.modalModeAnimate.playing .video-player {
    opacity: 1;
    z-index: 104; }
  .fullScreenPanel.audio .primaryCta {
    display: none; }
  .fullScreenPanel.audio.audio-ready .primaryCta {
    display: inline-block; }
  .ignitionCampaign .fullScreenPanel .wrapper {
    z-index: 1; }
  .ignitionCampaign .fullScreenPanel.story {
    min-height: 450px; }

.isAlwaysFullHeight .fullScreenPanel .imageBackground {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0; }
.isAlwaysFullHeight .fullScreenPanel svg.btmSVG, .isAlwaysFullHeight .fullScreenPanel svg.topSVG {
  display: none; }
.isAlwaysFullHeight .fullScreenPanel .imageBackground {
  display: block; }
  .isAlwaysFullHeight .fullScreenPanel .imageBackground .landscape img, .isAlwaysFullHeight .fullScreenPanel .imageBackground .portrait img {
    display: none; }
.isAlwaysFullHeight .fullScreenPanel.video .video-player-wrapper, .isAlwaysFullHeight .fullScreenPanel.introduction.video .video-player-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }
.isAlwaysFullHeight .fullScreenPanel.video.playing.modalModeAnimate .video-player-wrapper, .isAlwaysFullHeight .fullScreenPanel.introduction.video.playing.modalModeAnimate .video-player-wrapper {
  display: block;
  position: fixed;
  z-index: 103; }

.ie8 .fullScreenPanel {
  overflow: hidden;
  margin: 0; }
  .ie8 .fullScreenPanel .imageBackground .landscape {
    display: block; }
    .ie8 .fullScreenPanel .imageBackground .landscape img {
      min-height: 100%;
      min-width: 100%;
      display: block; }

.no-js .fullScreenPanel.video, .no-js .fullScreenPanel.introduction.video {
  height: auto; }
  .no-js .fullScreenPanel.video .wrapper, .no-js .fullScreenPanel.video .wrapperInner, .no-js .fullScreenPanel.video .contentBox, .no-js .fullScreenPanel.video .video-player-wrapper, .no-js .fullScreenPanel.introduction.video .wrapper, .no-js .fullScreenPanel.introduction.video .wrapperInner, .no-js .fullScreenPanel.introduction.video .contentBox, .no-js .fullScreenPanel.introduction.video .video-player-wrapper {
    position: relative; }
  .no-js .fullScreenPanel.video .wrapper .contentBox, .no-js .fullScreenPanel.introduction.video .wrapper .contentBox {
    width: 100%; }
  .no-js .fullScreenPanel.video .video-trigger, .no-js .fullScreenPanel.introduction.video .video-trigger {
    display: none; }
  .no-js .fullScreenPanel.video .video-player-wrapper, .no-js .fullScreenPanel.introduction.video .video-player-wrapper {
    padding-top: 56%; }
  .no-js .fullScreenPanel.video .imageBackground, .no-js .fullScreenPanel.introduction.video .imageBackground {
    display: none; }
  .no-js .fullScreenPanel.video .video-player, .no-js .fullScreenPanel.introduction.video .video-player {
    opacity: 1; }
    .no-js .fullScreenPanel.video .video-player object, .no-js .fullScreenPanel.introduction.video .video-player object {
      width: 100%;
      height: 100%; }

.cq-wcm-edit .fullScreenPanel {
  height: auto;
  min-height: 600px; }
  .cq-wcm-edit .fullScreenPanel .wrapper {
    position: static; }
/* ======================================================
BREAK POINTS
====================================================== */
.fullScreenHeader .hrv_wrapper {
  background: #333;
  color: #fff;
  text-align: center; }
  .fullScreenHeader .hrv_wrapper section {
    outline: solid 2px red;
    margin-bottom: 100px; }
  .fullScreenHeader .hrv_wrapper .contentBox {
    padding-top: 75px;
    text-align: center;
    width: 100% !important;
    z-index: 1; }
    .fullScreenHeader .hrv_wrapper .contentBox h1 {
      text-shadow: 0px 0px 5px #666; }
    .fullScreenHeader .hrv_wrapper .contentBox .videoGrid {
      *zoom: 1;
      margin: 65px 0;
      width: 100%; }
      .fullScreenHeader .hrv_wrapper .contentBox .videoGrid:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden; }
      .fullScreenHeader .hrv_wrapper .contentBox .videoGrid li {
        float: left;
        margin: 0 3px 0 0;
        line-height: .5;
        width: 100%;
        clear: both;
        position: relative; }
        .fullScreenHeader .hrv_wrapper .contentBox .videoGrid li .gridTile {
          position: relative;
          display: inline-block; }
          .fullScreenHeader .hrv_wrapper .contentBox .videoGrid li .gridTile a {
            display: inline-block;
            color: #fff; }
            .fullScreenHeader .hrv_wrapper .contentBox .videoGrid li .gridTile a span {
              text-shadow: 0px 0px 5px #666;
              font-family: "ProximaNovaExCnSReg";
              position: absolute;
              top: 50%;
              text-transform: uppercase;
              width: 100%;
              font-size: 2.1em;
              line-height: 1;
              margin-top: -50px;
              display: inline-block; }
              .fullScreenHeader .hrv_wrapper .contentBox .videoGrid li .gridTile a span:before {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
                opacity: 0.5;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: "";
                width: 64px;
                height: 42px;
                margin: 40px auto;
                background-image: url("/etc/designs/honda/theme_inclusive/img/portal/sprite_youtube_button.png");
                background-position: 0 0;
                background-size: 100%; }
            .fullScreenHeader .hrv_wrapper .contentBox .videoGrid li .gridTile a:hover span:before, .fullScreenHeader .hrv_wrapper .contentBox .videoGrid li .gridTile a:focus span:before {
              filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
              opacity: 0.7; }
        .fullScreenHeader .hrv_wrapper .contentBox .videoGrid li img {
          margin: 0 0 3px 0;
          width: 100%; }
  .fullScreenHeader .hrv_wrapper .iconCta [class$='Diamond56Ico'] {
    border-bottom: none;
    background: #fff;
    color: #00803e; }
    .fullScreenHeader .hrv_wrapper .iconCta [class$='Diamond56Ico']:before {
      color: #00803e; }
    .fullScreenHeader .hrv_wrapper .iconCta [class$='Diamond56Ico']:after {
      color: #00803e; }
  @media (max-width: 620px) {
    .fullScreenHeader .hrv_wrapper .imageArea {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0; }
    .fullScreenHeader .hrv_wrapper .copyArea {
      z-index: 1; }
    .fullScreenHeader .hrv_wrapper .primaryCtaWrapper {
      margin-top: 32px;
      margin-bottom: 32px; }
      .fullScreenHeader .hrv_wrapper .primaryCtaWrapper .primaryCta {
        display: block;
        margin-bottom: 16px;
        padding: 16px;
        text-align: left;
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.2); }
        .fullScreenHeader .hrv_wrapper .primaryCtaWrapper .primaryCta:before {
          font-family: 'glyphs14';
          font-size: 32px;
          left: auto;
          right: 14px;
          top: 10px;
          color: #FFF; } }
  .fullScreenHeader .hrv_wrapper .videoFullScreen {
    z-index: 999;
    background: #000; }
    .fullScreenHeader .hrv_wrapper .videoFullScreen, .fullScreenHeader .hrv_wrapper .videoFullScreen:before,
    .fullScreenHeader .hrv_wrapper .videoFullScreen .video-player {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .fullScreenHeader .hrv_wrapper .videoFullScreen:before {
      z-index: 1000;
      content: "";
      background: transparent; }
    .fullScreenHeader .hrv_wrapper .videoFullScreen[data-active="true"]:before {
      display: none; }

.ie8 .scrollingHeader .hrv_wrapper .contentBox .videoGrid .gridTile a span:before {
  display: none; }

.js .modalOverlay .modalVideoDialog {
  text-align: center;
  display: table;
  width: 100%;
  height: 100%; }
  .js .modalOverlay .modalVideoDialog .modalVideoWrapper {
    display: table-cell;
    vertical-align: middle; }
.js .modalOverlay .videoFullBleed {
  width: 95%;
  height: 90%;
  min-height: 480px; }
/* ======================================================
BREAK POINTS
====================================================== */
.jazz.fullScreenPanel .contentBox h1, .jazz.fullScreenPanel .contentBox h2 {
  font-family: "ProximaNovaExCnSbold";
  font-size: 4.5em;
  letter-spacing: 1px;
  line-height: 0.9;
  text-transform: uppercase; }

.jazz.fullScreenPanel .contentBox p, .jazz.fullScreenPanel .jazzPastime .details .featureDescriptionInner p, .jazz.fullScreenPanel .jazzPastime .details .primaryCta, .jazz.fullScreenPanel .jazzPastime .close, .jazz.fullScreenPanel .jazzEnd .iconCta li a, .jazz.fullScreenPanel .jazzBgAudioToggle, .jazz.fullScreenPanel .jazzLoadingBar p {
  font-family: "ProximaNovaExCnSReg";
  font-size: 1.5em;
  letter-spacing: 2px;
  line-height: 1.2;
  text-transform: uppercase; }

.jazz.fullScreenPanel .jazzSocialSharing, .jazz.fullScreenPanel .jazzBgAudioToggle, .jazz.fullScreenPanel .jazzPastime .close {
  width: auto;
  padding: 0;
  margin: auto;
  border: none;
  border-radius: 0;
  background-color: transparent; }
  .jazz.fullScreenPanel .jazzSocialSharing::-moz-focus-inner, .jazz.fullScreenPanel .jazzBgAudioToggle::-moz-focus-inner, .jazz.fullScreenPanel .jazzPastime .close::-moz-focus-inner {
    padding: 0;
    border: 0; }

.jazz.fullScreenPanel .jazzSocialSharing, .jazz.fullScreenPanel .jazzBgAudioToggle {
  position: absolute;
  top: 18px;
  width: 43px;
  height: 43px;
  text-align: center;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%; }

.jazz.fullScreenPanel .jazzIntro, .jazz.fullScreenPanel .jazzPastime, .jazz.fullScreenPanel .jazzEnd {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .jazz.fullScreenPanel .active.jazzIntro, .jazz.fullScreenPanel .active.jazzPastime, .jazz.fullScreenPanel .active.jazzEnd {
    display: block; }

.jazz.fullScreenPanel .jazzIntro, .jazz.fullScreenPanel .jazzPastime, .jazz.fullScreenPanel .jazzEnd {
  background-color: #E8521D;
  background-position: center center; }
  .cssgradients .jazz.fullScreenPanel .jazzIntro, .jazz.fullScreenPanel .cssgradients .jazzIntro, .cssgradients .jazz.fullScreenPanel .jazzPastime, .jazz.fullScreenPanel .cssgradients .jazzPastime, .cssgradients .jazz.fullScreenPanel .jazzEnd, .jazz.fullScreenPanel .cssgradients .jazzEnd {
    background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/bg_tile_small.png"), linear-gradient(#ea5723, #e03b00); }
  .no-cssgradients .jazz.fullScreenPanel .jazzIntro, .jazz.fullScreenPanel .no-cssgradients .jazzIntro, .no-cssgradients .jazz.fullScreenPanel .jazzPastime, .jazz.fullScreenPanel .no-cssgradients .jazzPastime, .no-cssgradients .jazz.fullScreenPanel .jazzEnd, .jazz.fullScreenPanel .no-cssgradients .jazzEnd {
    background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/bg_tile_small.png"); }

.jazz.fullScreenPanel .jazzPastime .preview, .jazz.fullScreenPanel .jazzPastime .details, .jazz.fullScreenPanel .jazzPastime .viewport, .jazz.fullScreenPanel .jazzPastime .viewport li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.jazz.fullScreenPanel {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  padding: 0 16px;
  text-align: center;
  background-color: #e65228;
  min-height: 540px; }
  .touch-device .jazz.fullScreenPanel .no-touch-device {
    display: none; }
  .no-touch-device .jazz.fullScreenPanel .touch-device {
    display: none; }
  .jazz.fullScreenPanel .wrapperInner {
    padding: 0; }
  .jazz.fullScreenPanel .contentBox {
    max-width: 496px;
    margin: auto;
    padding: 0 48px;
    text-align: center; }
    .jazz.fullScreenPanel .contentBox .timerPastime svg {
      display: block;
      margin: auto;
      margin-top: -10px; }
    .jazz.fullScreenPanel .contentBox h1, .jazz.fullScreenPanel .contentBox h2 {
      margin: 0 0 0.1em;
      color: #FFFFFF;
      text-align: center; }
      .jazz.fullScreenPanel .contentBox h1:before, .jazz.fullScreenPanel .contentBox h2:before {
        display: none; }
    .jazz.fullScreenPanel .contentBox p {
      color: #FFFFFF; }
  .jazz.fullScreenPanel .jazzIntro {
    display: block; }
    .jazz.fullScreenPanel .jazzIntro .contentBox {
      padding-top: 8em; }
      .jazz.fullScreenPanel .jazzIntro .contentBox .actionDescription {
        -moz-transition: opacity 500ms ease;
        -o-transition: opacity 500ms ease;
        -webkit-transition: opacity 500ms ease;
        transition: opacity 500ms ease;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        background-position: center bottom;
        background-repeat: no-repeat; }
        .jazz.fullScreenPanel .jazzIntro .contentBox .actionDescription.touch-device {
          padding-bottom: 100px;
          background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/intro_animation_touch.gif"); }
        .jazz.fullScreenPanel .jazzIntro .contentBox .actionDescription.no-touch-device {
          padding-bottom: 100px;
          background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/intro_animation_no_touch.gif"); }
          @media screen and (max-width: 620px) {
            .jazz.fullScreenPanel .jazzIntro .contentBox .actionDescription.no-touch-device {
              padding-bottom: 80px;
              background-size: 130px; } }
    .jazz.fullScreenPanel .jazzIntro .imgArea {
      margin-top: 25px; }
      .jazz.fullScreenPanel .jazzIntro .imgArea img {
        width: 55%;
        max-width: 448px; }
        .ie8 .jazz.fullScreenPanel .jazzIntro .imgArea img {
          width: 488px; }
  .jazz.fullScreenPanel .jazzPastime.complete .details {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
    .ie8 .jazz.fullScreenPanel .jazzPastime.complete .details {
      display: block; }
  .jazz.fullScreenPanel .jazzPastime .contentBox {
    padding-top: 6em; }
    .jazz.fullScreenPanel .jazzPastime .contentBox h1, .jazz.fullScreenPanel .jazzPastime .contentBox h2, .jazz.fullScreenPanel .jazzPastime .contentBox p {
      color: inherit; }
    .jazz.fullScreenPanel .jazzPastime .contentBox .number {
      display: block;
      font-size: 0.45em;
      line-height: 1.4; }
  .jazz.fullScreenPanel .jazzPastime .details {
    -moz-transition: opacity 300ms ease 100ms;
    -o-transition: opacity 300ms ease 100ms;
    -webkit-transition: opacity 300ms ease;
    -webkit-transition-delay: 100ms;
    transition: opacity 300ms ease 100ms;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
    .ie8 .jazz.fullScreenPanel .jazzPastime .details {
      display: none; }
    .rgba .jazz.fullScreenPanel .jazzPastime .details {
      background-color: rgba(0, 0, 0, 0.8); }
    .no-rgba .jazz.fullScreenPanel .jazzPastime .details {
      background-color: #000; }
    .jazz.fullScreenPanel .jazzPastime .details .contentBox h2 {
      color: #FFFFFF; }
    .jazz.fullScreenPanel .jazzPastime .details .contentBox p {
      color: #FFFFFF;
      font-size: 1.6em;
      text-transform: none; }
    .jazz.fullScreenPanel .jazzPastime .details .featureDescription {
      display: table;
      width: 260px;
      height: 260px;
      overflow: hidden;
      margin: 42px auto;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100%; }
      .svg .jazz.fullScreenPanel .jazzPastime .details .featureDescription {
        background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/pastime_copy_circle.svg"); }
      .no-svg .jazz.fullScreenPanel .jazzPastime .details .featureDescription {
        background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/pastime_copy_circle.png"); }
    .jazz.fullScreenPanel .jazzPastime .details .featureDescriptionInner {
      display: table-cell;
      width: 100%;
      height: 100%;
      padding: 42px;
      vertical-align: middle; }
      .jazz.fullScreenPanel .jazzPastime .details .featureDescriptionInner p {
        color: #FFFFFF;
        font-size: 1.6em;
        text-transform: none; }
        .jazz.fullScreenPanel .jazzPastime .details .featureDescriptionInner p:last-child {
          margin-bottom: 0; }
    .jazz.fullScreenPanel .jazzPastime .details .primaryCta {
      padding: 10px 12px 10px 30px;
      margin-top: -20px;
      color: #FFFFFF;
      background-color: #00803E; }
      .jazz.fullScreenPanel .jazzPastime .details .primaryCta:focus, .jazz.fullScreenPanel .jazzPastime .details .primaryCta:hover {
        background-color: #017D75; }
      .jazz.fullScreenPanel .jazzPastime .details .primaryCta:before {
        left: 3px;
        right: auto;
        color: #FFFFFF; }
  .jazz.fullScreenPanel .jazzPastime .viewport li {
    display: none;
    background-size: cover;
    background-position: center center; }
    .jazz.fullScreenPanel .jazzPastime .viewport li:first-child {
      display: block; }
    .jazz.fullScreenPanel .jazzPastime .viewport li img {
      width: 100%; }
  .jazz.fullScreenPanel .jazzPastime .close {
    position: absolute;
    top: 17px;
    right: 13px;
    color: #FFFFFF; }
    @media screen and (max-width: 620px) {
      .jazz.fullScreenPanel .jazzPastime .close .title {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0); } }
    .jazz.fullScreenPanel .jazzPastime .close .icon {
      display: block;
      width: 30px;
      height: 30px;
      text-align: center;
      background-color: #00803E; }
      .jazz.fullScreenPanel .jazzPastime .close .icon:before {
        color: #FFF;
        font-size: 28px;
        line-height: 30px; }
    .jazz.fullScreenPanel .jazzPastime .close:focus .icon, .jazz.fullScreenPanel .jazzPastime .close:hover .icon {
      background-color: #017D75; }
  .jazz.fullScreenPanel .jazzEnd .contentBox {
    padding-top: 8em; }
  .jazz.fullScreenPanel .jazzEnd .imgArea {
    margin-top: 42px; }
    .jazz.fullScreenPanel .jazzEnd .imgArea img {
      width: 100%;
      max-width: 448px; }
  .jazz.fullScreenPanel .jazzEnd .iconCta {
    margin: 3em auto 0;
    text-align: center; }
    .jazz.fullScreenPanel .jazzEnd .iconCta li {
      display: inline-block;
      width: 86px;
      margin: 0 16px;
      font-size: 1em;
      text-align: center;
      vertical-align: top; }
      .jazz.fullScreenPanel .jazzEnd .iconCta li:before {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        margin: auto;
        color: #FFFFFF;
        font-size: 38px; }
      .jazz.fullScreenPanel .jazzEnd .iconCta li:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 86px;
        height: 86px;
        content: "";
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100%; }
        .svg .jazz.fullScreenPanel .jazzEnd .iconCta li:after {
          background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_circle_white_border_green_separated.svg"); }
        .no-svg .jazz.fullScreenPanel .jazzEnd .iconCta li:after {
          background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_circle_white_border_green_separated.png"); }
      .jazz.fullScreenPanel .jazzEnd .iconCta li.testDriveIco:before {
        top: 27px;
        left: 2px; }
      .jazz.fullScreenPanel .jazzEnd .iconCta li.play28Ico:before {
        top: 24px;
        left: 4px; }
      .jazz.fullScreenPanel .jazzEnd .iconCta li a {
        color: #FFFFFF;
        padding: 94px 0 0;
        line-height: 1.4;
        background-color: transparent; }
        .jazz.fullScreenPanel .jazzEnd .iconCta li a .title {
          -moz-transition: all 200ms;
          -o-transition: all 200ms;
          -webkit-transition: all 200ms;
          transition: all 200ms;
          border-bottom: 0 solid #FFF; }
        .jazz.fullScreenPanel .jazzEnd .iconCta li a:focus .title, .jazz.fullScreenPanel .jazzEnd .iconCta li a:hover .title {
          border-bottom-width: 3px; }
  .jazz.fullScreenPanel .jazzSocialSharing {
    right: 11px; }
    .svg .jazz.fullScreenPanel .jazzSocialSharing {
      background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_diamond_white_border_transparent.svg"); }
    .no-svg .jazz.fullScreenPanel .jazzSocialSharing {
      background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_diamond_white_border_transparent.png"); }
    .jazz.fullScreenPanel .jazzSocialSharing:before {
      top: 0;
      left: 0;
      z-index: 0;
      width: 20px;
      height: 20px;
      margin: auto;
      padding: 0; }
    .jazz.fullScreenPanel .jazzSocialSharing:after {
      display: none; }
    .no-js .jazz.fullScreenPanel .jazzSocialSharing {
      display: none; }
  .jazz.fullScreenPanel .jazzBgAudioToggle {
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    left: 11px;
    color: #FFFFFF; }
    .jazz.fullScreenPanel .jazzBgAudioToggle.enable {
      display: block; }
    .jazz.fullScreenPanel .jazzBgAudioToggle:before {
      position: absolute;
      top: 13px;
      left: 11px;
      width: 20px;
      height: 20px;
      content: "";
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 100%; }
      .svg .jazz.fullScreenPanel .jazzBgAudioToggle:before {
        background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_audio_white.svg"); }
      .no-svg .jazz.fullScreenPanel .jazzBgAudioToggle:before {
        background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_audio_white.png"); }
    .svg .jazz.fullScreenPanel .jazzBgAudioToggle {
      background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_diamond_white_border_green_disabled.svg"); }
    .no-svg .jazz.fullScreenPanel .jazzBgAudioToggle {
      background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_diamond_white_border_green_disabled.png"); }
    .jazz.fullScreenPanel .jazzBgAudioToggle .title {
      position: absolute;
      top: 0;
      left: 0;
      -moz-transition: opacity 300ms ease;
      -o-transition: opacity 300ms ease;
      -webkit-transition: opacity 300ms ease;
      transition: opacity 300ms ease; }
      .jazz.fullScreenPanel .jazzBgAudioToggle .title.on {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
      .jazz.fullScreenPanel .jazzBgAudioToggle .title.off {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
      @media screen and (max-width: 620px) {
        .jazz.fullScreenPanel .jazzBgAudioToggle .title {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          margin: -1px;
          padding: 0;
          border: 0;
          clip: rect(0 0 0 0); } }
    .svg .jazz.fullScreenPanel .jazzBgAudioToggle.on {
      background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_diamond_white_border_transparent.svg"); }
    .no-svg .jazz.fullScreenPanel .jazzBgAudioToggle.on {
      background-image: url("/etc/designs/honda/theme_inclusive/img/jazz/icon_diamond_white_border_transparent.png"); }
    .jazz.fullScreenPanel .jazzBgAudioToggle.on .title.on {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
    .jazz.fullScreenPanel .jazzBgAudioToggle.on .title.off {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
    .no-js .jazz.fullScreenPanel .jazzBgAudioToggle, .no-audio .jazz.fullScreenPanel .jazzBgAudioToggle {
      display: none; }
  .jazz.fullScreenPanel .jazzLoadingBar {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 500ms ease 100ms;
    -o-transition: opacity 500ms ease 100ms;
    -webkit-transition: opacity 500ms ease;
    -webkit-transition-delay: 100ms;
    transition: opacity 500ms ease 100ms;
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 100%;
    padding: 0 16px; }
    .jazz.fullScreenPanel .jazzLoadingBar.enable {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
    .jazz.fullScreenPanel .jazzLoadingBar .outer {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 9px;
      text-align: left;
      border: 1px solid #FFFFFF; }
    .jazz.fullScreenPanel .jazzLoadingBar .inner {
      -moz-transition: width 300ms;
      -o-transition: width 300ms;
      -webkit-transition: width 300ms;
      transition: width 300ms;
      width: 0;
      height: 100%;
      float: left;
      background-color: #FFFFFF; }
    .jazz.fullScreenPanel .jazzLoadingBar p {
      margin: 0 0 0.8em;
      color: #FFFFFF;
      line-height: 1; }
  .jazz.fullScreenPanel.enabled .jazzIntro .contentBox .actionDescription {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  .jazz.fullScreenPanel.enabled .jazzBgAudioToggle {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

.no-touch-device .scrollingHeader .animateKeyHold,
.touch-device .scrollingHeader .animateKeyHold {
  display: block;
  margin: auto;
  margin-top: -10px; }
/* ======================================================
BREAK POINTS
====================================================== */
.module.contractHireCalculatorIntro {
  margin: 0; }
  .module.contractHireCalculatorIntro p.key {
    margin-top: 32px; }
  .module.contractHireCalculatorIntro ul.bullet_list li {
    margin-bottom: 8px; }

.module.contractHireCalculator {
  margin-top: 32px; }
  .module.contractHireCalculator .grid {
    margin-bottom: 32px; }
  .module.contractHireCalculator .filterData, .module.contractHireCalculator .results {
    background: transparent; }
  .module.contractHireCalculator .filterData {
    padding: 32px;
    background: #fff; }
    .module.contractHireCalculator .filterData label {
      display: block;
      margin: 0;
      color: #333;
      font-family: 'ProximaNovaExCnSbold';
      font-size: 1.6em;
      font-weight: normal;
      letter-spacing: 1px;
      line-height: 1.4;
      text-transform: uppercase;
      margin-top: 36px;
      margin-bottom: 4px;
      cursor: default; }
    .module.contractHireCalculator .filterData select {
      font-size: 1.4em;
      width: auto;
      min-width: 52.0833%;
      padding: 8px;
      border-radius: 0;
      max-width: 100%; }
    .module.contractHireCalculator .filterData .tabsCircular {
      margin: 0;
      width: auto;
      display: inline-block; }
      .module.contractHireCalculator .filterData .tabsCircular ul {
        display: inline-block; }
        .module.contractHireCalculator .filterData .tabsCircular ul li {
          width: 120px;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        .module.contractHireCalculator .filterData .tabsCircular ul:after {
          content: '';
          display: inline-block; }
    .module.contractHireCalculator .filterData p {
      margin: 0;
      padding-top: 12px;
      font-size: 1.3em; }
    .module.contractHireCalculator .filterData a {
      display: inline-block; }
  @media (max-width: 800px) {
    .module.contractHireCalculator .results, .module.contractHireCalculator .terms_conditions {
      margin-top: 64px; } }
  .module.contractHireCalculator .results img, .module.contractHireCalculator .terms_conditions img {
    max-width: 100%; }
  .module.contractHireCalculator .results table, .module.contractHireCalculator .terms_conditions table {
    margin-top: 32px; }
  .module.contractHireCalculator .terms_conditions h3 {
    margin-top: 32px; }
  .module.contractHireCalculator .terms_conditions .primaryCta {
    font-size: 1.6em;
    margin: 0; }
  @media (max-width: 620px) {
    .module.contractHireCalculator .terms_conditions p {
      font-size: 1.3em; } }
  .module.contractHireCalculator #maintenanceModal {
    position: fixed;
    margin: 0 auto;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.75);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 32px;
    opacity: 0;
    display: none;
    transition: opacity .5s ease-in-out; }
    .module.contractHireCalculator #maintenanceModal .wrapper {
      background: #fff;
      padding: 32px;
      height: 100%;
      overflow-y: scroll;
      position: relative;
      opacity: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: opacity .35s ease-in-out .1s; }
  .module.contractHireCalculator #maintenanceModal.showDialog {
    opacity: 1; }
    .module.contractHireCalculator #maintenanceModal.showDialog .wrapper {
      opacity: 1; }
/* ======================================================
BREAK POINTS
====================================================== */
.sticky_ctas li {
  text-align: right;
  position: relative;
  margin-bottom: 4px;
  font-family: 'ProximaNovaExCnSbold', Tahoma, Helvetica, Arial, sans-serif; }

.sticky_ctas li div {
  overflow: hidden; }

.sticky_ctas li a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.25em;
  letter-spacing: 0.05em;
  text-align: left; }

.sticky_ctas li a:before,
.sticky_ctas li a:after {
  position: absolute;
  left: auto;
  font-size: 45px;
  top: 11px; }

.sticky_ctas li a:before {
  top: 0px;
  font-size: 42px; }

.sticky_ctas li a.registerYourInterestFooterDiamond56Ico:before {
  font-size: 26px;
  right: 14px;
  top: 12px; }

.sticky_ctas li a:after {
  color: #3B3B3B; }

.sticky_ctas li a span.cropText:before {
  content: "\e006";
  font-family: 'glyphs28';
  display: block;
  color: #FFF;
  position: absolute;
  z-index: 1; }

.sticky_ctas li a span.cropText span {
  display: inline-block;
  background: rgba(59, 59, 59, 0.85);
  padding: 11px;
  border-radius: 5px;
  padding-left: 28px;
  position: relative; }

.sticky_ctas li a.testDriveDiamond56Ico {
  margin-bottom: 5px; }

.sticky_ctas li a.testDriveDiamond56Ico:after {
  color: #00803F; }

.sticky_ctas li a.testDriveDiamond56Ico .cropText span {
  background: rgba(0, 128, 63, 0.85); }

.sticky_ctas li a.offersDiamond56Ico:before {
  font-size: 28px;
  left: 9px;
  top: 7px; }

@media screen and (max-width: 620px) {
  .sticky_ctas {
    margin: 25px 20px; }

  .sticky_ctas li a.testDriveDiamond56Ico {
    margin-bottom: 8px; }

  .sticky_ctas li a:before {
    left: 1px; }

  .sticky_ctas li a.testDriveDiamond56Ico:before,
  .sticky_ctas li a.findDealerDiamond56Ico:before {
    top: 1px;
    left: 2px; }

  .sticky_ctas li a.registerYourInterestFooterDiamond56Ico:before {
    top: 10px;
    left: 10px; }

  .sticky_ctas li a span.cropText,
  .sticky_ctas li a span.cropText span {
    display: block;
    margin-left: 10px; }

  .sticky_ctas li a span.cropText:before {
    font-size: 50px;
    top: 10px;
    left: -2px; }

  .sticky_ctas li a span.cropText span {
    padding-left: 50px;
    font-size: 1.2em; } }
/* ======================================================
BREAK POINTS
====================================================== */
.inPageSelector {
  display: none; }
.inPageSelector li, .inPageSelector button {
  font-size: 1em; }
.inPageSelector button {
  margin: 0;
  border-radius: 0; }
.inPageSelector button::-moz-focus-inner {
  padding: 0; }
.inPageSelector .selector {
  position: relative;
  z-index: 1;
  margin-bottom: -25px;
  text-align: center; }
.inPageSelector h2 {
  margin-bottom: 0.6em;
  padding-bottom: 20px;
  text-transform: uppercase; }
.inPageSelector h2::before {
  bottom: -13px;
  width: 66px;
  margin-left: -33px; }
.inPageSelector p {
  font-family: "ProximaNovaExCnLight";
  font-size: 2.3em;
  margin-bottom: 1em; }
.inPageSelector .chooser, .inPageSelector .chooser:hover, .inPageSelector .selectorTrigger, .inPageSelector .selectorTrigger:hover {
  border: 1px solid #E8E7EB;
  background-color: #FFF; }
.inPageSelector .chooser {
  position: relative;
  display: none;
  padding: 16px 32px 16px 20px;
  font-family: "ProximaNovaExCnLight";
  font-size: 1.4em;
  letter-spacing: 0.05em;
  text-transform: uppercase; }
.inPageSelector .chooser::before {
  position: absolute;
  top: 13px;
  right: 7px;
  color: #00803E;
  font-size: 22px; }
.inPageSelector .chooser:hover::before {
  color: #017D75; }
.inPageSelector .selectorList {
  margin: 0; }
.inPageSelector .selectorList > li {
  margin: 0 0 1px; }
.inPageSelector .selectorTrigger {
  position: relative;
  padding: 12px 45% 12px 25px; }
.inPageSelector .selectorTrigger::before {
  -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;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 5px;
  height: 100%;
  content: "";
  background-color: transparent; }
.inPageSelector .selectorTrigger .name, .inPageSelector .selectorTrigger .price {
  font-family: "ProximaNovaExCnLight"; }
.inPageSelector .selectorTrigger .name {
  font-size: 2.2em;
  line-height: 1.3em; }
.inPageSelector .selectorTrigger .price {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 35%;
  margin-top: -0.5em;
  font-size: 1.8em;
  line-height: 1.2em;
  text-align: right; }
.inPageSelector .selectorTrigger .name {
  -moz-transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
  color: #00803E;
  border-bottom: 1px solid #00803E; }
.inPageSelector .selectorTrigger:hover::before {
  background-color: #017D75; }
.inPageSelector .selectorTrigger:hover .name {
  color: #017D75;
  border-bottom: 3px solid #017D75; }
.inPageSelector .selectorTrigger.selected {
  cursor: default; }
.inPageSelector .selectorTrigger.selected::before {
  background-color: #DC182D; }
.inPageSelector .selectorTrigger.selected .name {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  color: #DC182D;
  border-bottom: none; }
.inPageSelector .selectorDetail {
  display: none; }
.inPageSelector .selectorDetail.selected {
  display: block; }
.inPageSelector .selectorDetail .header {
  margin: 32px 0; }
.inPageSelector .selectorDetail .header h2 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  color: #DC182D; }
.inPageSelector .selectorDetail .description {
  position: relative;
  padding-bottom: 105px; }
.inPageSelector .selectorDetail .description::after {
  position: absolute;
  bottom: 50px;
  right: 0;
  left: 50%;
  width: 5px;
  height: 25px;
  margin-left: -3px;
  content: " ";
  background: url("../../img/configurator/grade_detail_dots.svg") no-repeat; }
.inPageSelector .selectorDetail .description p {
  color: #3B3B3B;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  line-height: 1.5; }
.inPageSelector .selectorDetail .description p:last-child {
  margin-bottom: 0; }
.inPageSelector .iconCta {
  position: relative;
  top: -38px;
  z-index: 2;
  display: none;
  text-align: center; }
.inPageSelector .iconCta li::before, .inPageSelector .iconCta li a::before, .inPageSelector .iconCta li a::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: auto;
  display: block;
  margin: auto;
  content: "\e006";
  font-family: "glyphs28"; }
.inPageSelector .iconCta li {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 87px 0 0;
  font-size: 1em; }
.inPageSelector .iconCta li::before {
  z-index: auto;
  width: 75px;
  height: 75px;
  content: "\e006";
  color: #FFF;
  font-size: 75px;
  line-height: 75px; }
.inPageSelector .iconCta li::after {
  display: none; }
.inPageSelector .iconCta li:hover a {
  color: #FFF;
  border-bottom: none; }
.inPageSelector .iconCta li a {
  position: static;
  display: inline-block;
  padding: 14px 20px;
  color: #FFF;
  font-family: "ProximaNovaExCnSbold";
  font-size: 1.6em;
  border-bottom: none;
  background-color: rgba(0, 0, 0, 0.5); }
.inPageSelector .iconCta li a::before, .inPageSelector .iconCta li a::after {
  width: 61px;
  height: 61px; }
.inPageSelector .iconCta li a::before {
  color: #00803E;
  font-size: 61px;
  line-height: 61px;
  margin-top: 7px; }
.inPageSelector .iconCta li a::after {
  content: "\e003";
  color: #FFF;
  font-size: 45px;
  line-height: 75px; }
.inPageSelector .iconCta li a span::before {
  display: block;
  float: left;
  margin-right: 4px;
  content: "\e01a";
  font-family: "glyphs14";
  font-weight: bold; }
.inPageSelector .iconCta li a:hover {
  border-bottom: none;
  background-color: #017D75; }
.inPageSelector .iconCta li a:hover::before {
  color: #017D75; }
.inPageSelector .iconCta li a:hover::after {
  color: #FFF; }
.inPageSelector .iconCta li a:hover span {
  border-bottom: 3px solid #FFF; }
.inPageSelector .carPreview {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 135px;
  margin-bottom: 59px;
  background-position: center calc( 50% - -29.5px ); }
.inPageSelector .carPreview picture {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  display: block;
  width: 272px;
  margin: auto; }
.inPageSelector .carPreview picture img {
  width: 100%; }
@media (min-width: 401px) {
  .inPageSelector .carPreview {
    min-height: 152px;
    margin-bottom: 69px;
    background-position: center calc( 50% - -34.5px ); }
  .inPageSelector .carPreview picture {
    width: 320px; } }
.ie9 .inPageSelector .carPreview {
  background-position: center 25%; }
.inPageSelector.collapsed .chooser {
  display: block; }
.inPageSelector.collapsed .selectorList {
  display: none; }
.inPageSelector.hasSelected .wrapper {
  margin-bottom: 0; }
.inPageSelector.hasSelected .iconCta {
  display: block; }
.inPageSelector.hasSelected .carPreview {
  min-height: 187px;
  margin-bottom: 59px;
  background-position: center calc( 50% - -29.5px );
  /*
  // calc in background position crashes ie9 - of course it does **sigh**
  .ie9 & {
  	background-position: center 25%;
  }
  */ }
.inPageSelector.hasSelected .carPreview picture {
  top: 92px; }
@media (min-width: 401px) {
  .inPageSelector.hasSelected .carPreview {
    min-height: 204px;
    margin-bottom: 69px;
    background-position: center calc( 50% - -34.5px ); } }
/* ======================================================
BREAK POINTS
====================================================== */
.RVTDCampaign h1,
.RVTDCampaignSocialSharingModal h1 {
  margin: auto;
  font-size: 1em; }
  .RVTDCampaign h1:before,
  .RVTDCampaignSocialSharingModal h1:before {
    display: none; }
.RVTDCampaign button,
.RVTDCampaignSocialSharingModal button {
  margin: 0;
  padding: 0;
  width: auto;
  outline: none;
  font-size: 1em;
  border: none;
  border-radius: 0;
  background: transparent; }
  .RVTDCampaign button::-moz-focus-inner,
  .RVTDCampaignSocialSharingModal button::-moz-focus-inner {
    padding: 0; }
.RVTDCampaign a:focus,
.RVTDCampaign button:focus,
.RVTDCampaignSocialSharingModal a:focus,
.RVTDCampaignSocialSharingModal button:focus {
  outline: none; }
.RVTDCampaign ol,
.RVTDCampaign ul,
.RVTDCampaignSocialSharingModal ol,
.RVTDCampaignSocialSharingModal ul {
  margin: 0;
  padding: 0; }
  .RVTDCampaign ol li,
  .RVTDCampaign ul li,
  .RVTDCampaignSocialSharingModal ol li,
  .RVTDCampaignSocialSharingModal ul li {
    font-size: 1em !important; }

.RVTDCampaign {
  background-color: #2D2D2D;
  height: auto;
  text-align: center; }
  .RVTDCampaign .campaignLogo h1 {
    margin: 0;
    color: #FFF; }
  .RVTDCampaign .video-player-wrapper {
    position: relative;
    padding-top: 56.25%;
    height: auto; }
  .RVTDCampaign .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .RVTDCampaign.fullScreenPanel svg {
    display: inline; }
  .RVTDCampaign .iconStart,
  .RVTDCampaign .iconStart360 {
    display: block;
    width: 60px;
    height: 40px; }
    .RVTDCampaign .iconStart .background,
    .RVTDCampaign .iconStart360 .background {
      -moz-transition: fill 0.25s ease-in-out;
      -o-transition: fill 0.25s ease-in-out;
      -webkit-transition: fill 0.25s ease-in-out;
      transition: fill 0.25s ease-in-out; }
    .RVTDCampaign .iconStart .triangle,
    .RVTDCampaign .iconStart360 .triangle {
      fill: #FFF; }
    .RVTDCampaign .iconStart .shadow,
    .RVTDCampaign .iconStart360 .shadow {
      fill: #DDD; }
  .RVTDCampaign .iconStart .background {
    fill: #DC182D; }
  .RVTDCampaign .iconStart360 .background {
    fill: #0178A0; }
  .RVTDCampaign .iconSpinner {
    -moz-animation: animSpinner 2s linear infinite;
    -webkit-animation: animSpinner 2s linear infinite;
    animation: animSpinner 2s linear infinite;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1px;
    text-align: center;
    text-rendering: optimizeSpeed; }
    .RVTDCampaign .iconSpinner:before {
      margin: 0;
      padding: 0;
      content: "\e0DE";
      color: #FFF;
      font-family: "animateGlyphs28";
      font-size: 24px;
      line-height: normal; }
@-moz-keyframes animSpinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes animSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes animSpinner {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  .RVTDCampaign .campaignContentFrame {
    position: relative; }
    .RVTDCampaign .campaignContentFrame .wrapper,
    .RVTDCampaign .campaignContentFrame .wrapperInner {
      margin: 0;
      padding: 0; }
    .RVTDCampaign .campaignContentFrame .contentBox {
      padding: 0 0 40px; }
    .RVTDCampaign .campaignContentFrame .brand {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      z-index: 3;
      min-height: 95px;
      padding: 15px 0 10px;
      background-color: #1C1C1C; }
      .RVTDCampaign .campaignContentFrame .brand .companyLogo {
        display: block;
        margin-bottom: 10px; }
        .RVTDCampaign .campaignContentFrame .brand .companyLogo img {
          width: 90px; }
      .RVTDCampaign .campaignContentFrame .brand .campaignLogo {
        display: block; }
        .RVTDCampaign .campaignContentFrame .brand .campaignLogo img {
          width: 125px; }
        .RVTDCampaign .campaignContentFrame .brand .campaignLogo h1 {
          font-size: 4.2em; }
      .RVTDCampaign .campaignContentFrame .brand .btmSVG {
        position: absolute;
        bottom: -19px;
        right: 0;
        left: 0;
        width: 100%;
        height: 20px; }
        .RVTDCampaign .campaignContentFrame .brand .btmSVG polygon {
          fill: #1C1C1C; }
    .RVTDCampaign .campaignContentFrame .carImage {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      position: relative;
      z-index: 2;
      width: 100%;
      height: 235px;
      margin: 0 auto;
      padding: 50px 0 0;
      background-position: left center; }
      .RVTDCampaign .campaignContentFrame .carImage:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 85px;
        content: "";
        background-color: #2D2D2D; }
      .RVTDCampaign .campaignContentFrame .carImage img {
        position: relative;
        width: 100%;
        max-width: 280px; }
      @media (min-width: 401px) {
        .RVTDCampaign .campaignContentFrame .carImage {
          height: 260px; }
          .RVTDCampaign .campaignContentFrame .carImage:before {
            height: 80px; }
          .RVTDCampaign .campaignContentFrame .carImage img {
            max-width: 350px; } }
    .RVTDCampaign .campaignContentFrame .content {
      position: relative;
      z-index: 2;
      display: none;
      padding: 0 35px;
      text-align: left; }
      .RVTDCampaign .campaignContentFrame .content .copy {
        color: #FFF;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        line-height: 1.4em; }
        .RVTDCampaign .campaignContentFrame .content .copy p {
          color: inherit;
          font-family: inherit;
          font-size: inherit;
          letter-spacing: inherit;
          line-height: inherit; }
          .RVTDCampaign .campaignContentFrame .content .copy p:last-child {
            margin-bottom: 0; }
      .RVTDCampaign .campaignContentFrame .content .actions {
        position: relative;
        padding: 30px 12px 0; }
        @media (min-width: 621px) {
          .RVTDCampaign .campaignContentFrame .content .actions {
            padding-top: 15px; } }
        .RVTDCampaign .campaignContentFrame .content .actions .iconSpinner {
          -moz-transition: opacity 0.25s ease-in-out;
          -o-transition: opacity 0.25s ease-in-out;
          -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
          position: absolute;
          top: 20px;
          left: 10px;
          width: 60px; }
          .RVTDCampaign .campaignContentFrame .content .actions .iconSpinner:before {
            font-size: 36px; }
        .RVTDCampaign .campaignContentFrame .content .actions a,
        .RVTDCampaign .campaignContentFrame .content .actions button {
          -moz-transition: opacity 0.25s ease-in-out;
          -o-transition: opacity 0.25s ease-in-out;
          -webkit-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
          position: relative;
          display: inline-block;
          margin-bottom: 30px;
          padding: 0 0 0 80px;
          line-height: 1;
          text-decoration: none; }
          .RVTDCampaign .campaignContentFrame .content .actions a:last-child,
          .RVTDCampaign .campaignContentFrame .content .actions button:last-child {
            margin-bottom: 0; }
          .RVTDCampaign .campaignContentFrame .content .actions a .title,
          .RVTDCampaign .campaignContentFrame .content .actions button .title {
            color: #FFF;
            font-family: "ProximaNovaExCnSbold";
            font-size: 14px;
            font-style: italic;
            letter-spacing: 0.065em;
            line-height: normal;
            text-transform: uppercase; }
          .RVTDCampaign .campaignContentFrame .content .actions a .iconStart,
          .RVTDCampaign .campaignContentFrame .content .actions a .iconStart360,
          .RVTDCampaign .campaignContentFrame .content .actions button .iconStart,
          .RVTDCampaign .campaignContentFrame .content .actions button .iconStart360 {
            position: absolute;
            top: -11px;
            left: 0; }
          .RVTDCampaign .campaignContentFrame .content .actions a:hover .iconStart .background,
          .RVTDCampaign .campaignContentFrame .content .actions a:hover .iconStart360 .background, .RVTDCampaign .campaignContentFrame .content .actions a:focus .iconStart .background,
          .RVTDCampaign .campaignContentFrame .content .actions a:focus .iconStart360 .background,
          .RVTDCampaign .campaignContentFrame .content .actions button:hover .iconStart .background,
          .RVTDCampaign .campaignContentFrame .content .actions button:hover .iconStart360 .background,
          .RVTDCampaign .campaignContentFrame .content .actions button:focus .iconStart .background,
          .RVTDCampaign .campaignContentFrame .content .actions button:focus .iconStart360 .background {
            fill: #017D75; }
          .ie9 .RVTDCampaign .campaignContentFrame .content .actions a, .ie10 .RVTDCampaign .campaignContentFrame .content .actions a, .ie11 .RVTDCampaign .campaignContentFrame .content .actions a, .ie9
          .RVTDCampaign .campaignContentFrame .content .actions button, .ie10
          .RVTDCampaign .campaignContentFrame .content .actions button, .ie11
          .RVTDCampaign .campaignContentFrame .content .actions button {
            overflow: visible; }
        .RVTDCampaign .campaignContentFrame .content .actions .start360Experience {
          display: none; }
    .RVTDCampaign .campaignContentFrame .backgroundImage {
      display: none; }
  .video .RVTDCampaign .campaignContentFrame .content {
    display: block; }
    .video .RVTDCampaign .campaignContentFrame .content.notSupported {
      display: none; }
  .ie8 .RVTDCampaign .campaignContentFrame .content, .novideo .RVTDCampaign .campaignContentFrame .content {
    display: none; }
    .ie8 .RVTDCampaign .campaignContentFrame .content.notSupported, .novideo .RVTDCampaign .campaignContentFrame .content.notSupported {
      display: block; }
  .RVTDCampaign .campaignContentFrame .content .actions button {
    opacity: 0;
    cursor: default; }
  .RVTDCampaign[data-basic-ready="true"] .campaignContentFrame .content .actions button {
    opacity: 1;
    cursor: pointer; }
  .ie8 .RVTDCampaign .campaignGateway .carImage,
  .ie8 .RVTDCampaign .campaignModalGateway .carImage {
    display: none; }
/**
* Legals styling
**/

.module.legalFooterContent {
	margin: 96px 7%;
}

.module.legalFooterContent .wrapperInner {
	padding: 11px 0 0 0;
	border-top: 3px solid #d8dbda;
}

.legalFooterContent h4{
	color: #3b3b3b;
	margin-bottom: 0.6em;
}
.legalFooterContent p{
	font-size: 1.3em;
	color: #757575;
}
.imageWithContentLarge .imgContainer > img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.imageWithContentLarge.imageAbove .imageWithContentLargeContent {
    margin-top: 2.8em;
}

.imageWithContentLarge.imageBelow .imageWithContentLargeContent {
    margin-bottom: 0.8em;
}

.imageWithContentLarge h2 {
    margin-bottom: 0.7em;
}

.imageWithContentLarge p {
    margin-bottom: 1.5em;
    line-height: 1.5;
}

.imageWithContentLarge a {
    padding-bottom: 1px;
    border-bottom: 1px solid #7AB99B;
    color: #3B3B3B;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.imageWithContentLarge a:hover,
.imageWithContentLarge a:focus {
    border-bottom: 3px solid #017d75;
    color: #017d75;
}

.imageWithContentLargeWrapper ul {
    list-style: disc;
}

@media only screen and (min-width: 481px) and (max-width: 620px) {

    .imageWithContentLarge .imageWithContentLargeTitle {
        width: 61.538461%;
    }
}
.imageWithContentCropped .imgContainer > img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.imageWithContentCropped.smallLeft .imageWithContentCroppedContent,
.imageWithContentCropped.largeLeft .imageWithContentCroppedContent {
    margin-top: 2.8em;
}

.imageWithContentCropped.smallRight .imageWithContentCroppedContent,
.imageWithContentCropped.LargeRight .imageWithContentCroppedContent {
    margin-bottom: .8em;
}

.imageWithContentCropped h3 {
    margin-bottom: .5em;
    font-size: 2.6em;
}

.imageWithContentCropped h4,
.imageWithContentCropped h5,
.imageWithContentCropped h6 {
    margin-bottom: .6em;
    font-size: 1.6em;
}

.imageWithContentCropped p {
    margin-bottom: 1.5em;
    line-height: 1.5;
}

.imageWithContentCropped a.secondaryCta {
    font-size: 1.125em;
}
.imageWithContentCropped a.primaryCta {
    font-size: 1.8em;
}

.imageWithContentCropped a.secondaryCta:hover,
.imageWithContentCropped a.secondaryCta:focus {
    border-bottom: 3px solid #017d75;
    color: #017d75;
}

.module.imageWithContentCropped .ctaContainer{
    border-top: 1px solid #CBCBCB;
    padding: 0;
    line-height: 21px;
}


@media only screen and (min-width: 481px) and (max-width: 620px) {

    .imageWithContentCropped h2,
    .imageWithContentCropped h3,
    .imageWithContentCropped h4 {
        width: 61.538461%;
    }
}

.videoContent .wrapperInner { position:relative; overflow:hidden; padding-bottom:3.2em; }

.videoContentBelow .videoHeader { width:100%; }
.videoContentBelow .videoContent { width:100%; }

.videoContentBelow .featureLink { position:absolute; bottom:0; left:0; }
.videoContentAbove .wrapperInner{
	padding-bottom: 0;
}

.videoContent .ctaContainer:hover, 
.videoContent .ctaContainer{
	border-top: 0;
}

.ctaContainer .externalLink:after{
	font-size: 28px;
}

.videoContent .video-player-wrapper.videoWrapperFlushed {
	margin: 0;
	padding: 0;
    background: #000;
}

.videoContent .video-player-wrapper.videoWrapperFlushed iframe { 
    z-index: 99;
}

.videoContent .video-player-wrapper img { 
    width: 100%;
}

.fluid-width-video-wrapper {
    z-index: 98;
}

.no-js .videoContent .video-player-wrapper iframe {
	display: none;
}

.no-js .videoContent .video-player-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.no-js .videoContent .video-player-wrapper object,
.no-js .videoContent .video-player-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.offersCampaign .sfclFbBg {
    text-decoration: none;
}

.module.offersCampaign .sfclContent {
    padding-left: 0;
    padding-right: 0;
}

.module.offersCampaign .sfclHeader {
    margin-bottom: 0.26em;
}

.offersCampaign .wrapperInner .primaryCta {
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.6em;
}

.offersCampaign .rttPrimaryCTA {
    margin-bottom: 0;
}

.skinnyFeaturedContextualLink.offersCampaign .wrapperInner .sfclIntro:after,
.skinnyFeaturedContextualLink.offersCampaign .wrapperInner .sfclIntro:before{
	content: ' ';
}


.sfclDesktop.offersCampaign.sfclFbLeft .wrapper,
.sfclDesktop.offersCampaign.sfclFbRight .wrapper {
	padding-top: 243px;
}
.skinnyFeaturedContextualLink .wrapperInner{
 	padding-top: 0;
    background: white;
}

.offersCampaign .linkedCta p {
    position: relative;
}

.skinnyFeaturedContextualLink.offersCampaign .linkedCta .wrapper {
    padding-top: 0;
}

.skinnyFeaturedContextualLink.offersCampaign .wrapperInner .sfclContent {
    padding-top: 32px;
}

.offersCampaign .euEmissionsText, .skinnyFeaturedContextualLink .euEmissionsText {
    margin-bottom: 3em;
}

.offersCampaign.module.sfclDesktop .euEmissionsWrapper, 
.skinnyFeaturedContextualLink.module.sfclDesktop .euEmissionsWrapper {
    padding-top: 0;
}
.heroBikes {
    padding-top: 0;
    background-color: #000;
    padding-bottom: 0;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.heroBikes.moduleThemeLight {
    background-color: #e3e3e9;
}

.heroBikes.moduleThemeAlpha .wrapper.triangleIco:before {
    color: #161414;
}

.heroBikesCarousel .wrapperInner {
    position: relative;
}

.heroBikes .content {
    text-align: center;
    padding: 1em 0 0 0;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.heroBikes .content h1,
.heroBikes .content h2.heroHead {
    font-size: 1.2em !important;
    text-transform: uppercase;
    font-family: "ProximaNovaExCnSReg", Tahoma, Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
    margin-top: 0;
    letter-spacing: -1px;
    padding-top: 0;
}

.heroBikes .content h1.heroHead:before {
    display: none;
}

.heroBikes .content p {
    margin-bottom: 0;
    position: relative;
}

.heroBikesCarousel .content p {
    padding-top: 0.2em;
    border-top: 2px solid white;
}

.heroBikes .content h2,
.heroBikesCarousel .content p {
    font-family: "ProximaNovaExCnSbold", Tahoma, Arial, sans-serif;
    font-size: 2.615em !important;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0 0 .2em;
    text-transform: uppercase;
}

.heroBikes .content h2 {
    padding-top: .2em;
    margin-bottom: 0;
}

.moduleThemeDark.heroBikesCarousel .content h2 {
    border-top: 0;
}

.heroBikes ul.items {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 300px;
}

.heroBikes .subHead:before,
.heroBikes .subHead:after {
    content: '-';
    display: inline-block;
}
.heroBikes .subHead:before {
    background: transparent;
    height: auto;
    margin: auto;
    padding: 0 3px 0 0;
    width: auto;
}
.heroBikes .subHead:after {
    padding: 0 0 0 3px;
}

.heroBikes ul.items li {
    left: 0;
    width: 100%;
    margin-bottom: 32px;
}

.heroBikesCarousel ul.items li {
    position: absolute;
}

.no-js .heroBikesCarousel ul.items li {
    position: static;
}


.heroBikes ul.items li .wrapperInner {
    padding: 0;
}

.js .heroBikes .timedContent .invisible {
    position: absolute;
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
}

.js.no-csstransitions .heroBikes .timedContent .invisible {
    left: 150%;
}

@media screen and (max-width: 480px) {
    .heroBikes ul.items li .imgWrapper {
        margin: 0 -5.56%;
    }
}

@media screen and (min-width: 481px) and (max-width: 620px) {

    .heroBikes ul.items li .imgWrapper {
        margin: 0 -7.692%;
    }
}

.js .heroBikes ul.items li.moveOut {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
}

.js .heroBikes ul.items li.moveIn {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1;
}

.js .heroBikes ul.items li.moveOutFallback {
    visibility: visible;
}

.js .heroBikes ul.items li.moveInFallback {
    visibility: visible;
    z-index: 1;
}

.heroBikes .controls {
    position: absolute;
    top: .8em;
    right: .8em;
    max-width: 992px;
    height: 30px;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    z-index: 3;
}

.no-js .heroBikes .controls {
    display: none;
}

.heroBikes .controls li a[class$='Ico']:before {
    font-size: 30px;
}
.heroBikes .controls li {
    width: 30px;
    height: 30px;
    float: right;
}

.heroBikes .controls li a {
    color: #fff;
    background: rgba(0,0,0, 0.5);
    width: 30px;
    height: 30px;
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
}

.heroBikes .controls li a:hover {
    background: #017e75;
}
/**
 * m_37.01
 * Single Product Line Navigation
 */

.singleProductLine:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.singleProductLine {
    margin-bottom: 5.4em;
}
.singleProductLine .imageBlock {
    margin: 0 -5.555% 1.6em;
    width: auto;
}
.singleProductLine .imageBlock img {
    width: 100%;
}
.singleProductLine .contentBlock {
}
.singleProductLine h1:before {
    background: transparent;
}
.singleProductLine h2 {
    text-align: center;
    color: #1f1f1f;
    font-family: 'ProximaNovaExCnLight', Tahoma, Arial, Helvetica, sans-serif;
    /*background-color: #F4F3F8;*/
    font-size: 4em;
    text-transform: uppercase;
    border-bottom: 1px solid #dcdcde;
    position: relative;
    padding: 0 0 .45em;
    margin: 0 0 .61em;
    letter-spacing: .7px;
}

.singleProductLine h2.signPostAlpha :after {
    content: '\e037';
}
.singleProductLine h2.signPostBeta:after {
    content: '\e000';
}
.singleProductLine h2.signPostGamma:after {
    content: "\e002";
}
.singleProductLine h2.signPostDelta:after {
    content: "\e003";
}
.singleProductLine h2.signPostEpsilon:after {
    content: "\e004";
}
.singleProductLine h2.signPostZeta:after {
    content: "\e005";
}
.singleProductLine h2.signPostEta:after {
    content: "\e016";
}
.singleProductLine p {
    margin: 0;
    text-align: center;
}
.singleProductLine .secondaryCta.simpleCta {
    margin: 0;
}




/* Start section navigation mobile*/
.content .sectionNavMobile {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #CCC;
	margin: -32px 0;
	margin-top: -128px;
}
.content .sectionNavMobile ul {
	margin: 0 5%;
	padding: 0;
}
.content .sectionNavMobile li {
	background: #f4f3f8;
	list-style: none;
	font-family: "ProximaNovaExCnSReg";
	font-size: 2.3em;
	letter-spacing: -.5px;
	margin: -1px 0 0;
	padding: 0;
}

.content .sectionNavMobile li:last-child {
	margin-bottom: -1px;
}

.content .sectionNavMobile a {
	text-transform:uppercase;
	background: #f4f3f8;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #00803e;
	display: block;
	margin: 0;
	padding: 0 17px 0 0;
	position: relative;
	text-decoration: none;
}

.content .sectionNavMobile a:focus,
.content .sectionNavMobile a:hover {
	background: #017d75;
	border-color: #017d75;
	z-index: 50;
}

.content .sectionNavMobile a .icon {
	background: url(../../img/chevrons.png) no-repeat 0 -38px;
	height: 12px;
	margin-top: -6px;
	position: absolute;
	right: 4px;
	top: 50%;
	width: 8px;
}

.content .sectionNavMobile a .title {
	background: #f4f3f8;
	display: block;
	padding: .26em 0;
}

.content .sectionNavMobile a:focus .icon,
.content .sectionNavMobile a:hover .icon {
	background-position: 0 -49px;
}

/* End section navigation mobile */
/*
 * Honda platform - Inclusive - CSS : Baseline : Power of dreams
 *
------------------------------------------------------------ */


/* pattern and colour classes */
.brandMessage.pattern1 {
	background-image: url(../../img/patterns/brand_message/pattern1.png);
}
.brandMessage.pattern2 {
    background-image: url(../../img/patterns/brand_message/pattern2.jpeg);
}
.brandMessage.pattern3 {
    background-image: url(../../img/patterns/brand_message/pattern3.png);
}
.brandMessage.pattern4 {
    background-image: url(../../img/patterns/brand_message/pattern4.png);
}

.brandMessage .innerWrapper{
	padding: 0 0 58px;
}

.brandMessage .imgArea {
	margin-bottom: 27px;
}

.brandMessage .imgArea img {
	width: 100%;
	vertical-align: bottom;
}

.brandMessage .bmContent {
	text-align: center;
	padding: 0 6.5%;
	width: 87%;
}

.brandMessage .bmContent h2 {
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 5em;
	margin-bottom: 18px;
}

.brandMessage .bmContent p {
	color: #fff;
}

.brandMessage .secondaryCta.simpleCta {
	color: #fff;
	padding: 3px 10px 3px 30px;
	font-size: 1.8em;
}

.brandMessage .secondaryCta.simpleCta a{
	color: #fff;
	font-size: 1em;
}

/*
.brandMessage .secondaryCta.simpleCta:hover a{
	color: white;
	border-bottom: 0;
}
*/

.brandMessage .secondaryCta.simpleCta .icon {
	top: 1em;
	left: 0.7em;
}

.brandMessage .secondaryCta:hover{
	background: transparent;
}

.brandMessage .secondaryCta:hover span.title {
	border-bottom: none;
}


.brandMessage .secondaryCta.simpleCta .icon {
	background-position: 0 0;
}

.brandMessage .secondaryCta .title {
	line-height: 2.5em;
}

/* Brand message variant */

.brandMessageLargeImage {
	padding-top: 4.6em;
	padding-bottom: 0;
	margin-bottom: 64px;
}

.brandMessageLargeImage .innerWrapper {
	padding-bottom: 0;
}

.brandMessageLargeImage .imgArea {
	margin-bottom: 0;
}

.brandMessageLargeImage .richTextType.rttExternalLink {
	border-top: 0;
}
.featuredContextualLink {
    margin: 0;
    padding-bottom: 0;
    background-color: white;
}

.featuredContextualLink .imageCol {
    width: 69.444%;
    margin: 0 auto;
    padding: 1.8em 0;
}

.featuredContextualLink .imageCol img {
    max-width: 100%;
    height: auto;
}

.featuredContextualLink .imageCol,
.featuredContextualLink .textCol {
    text-align: center;
}

.featuredContextualLink .textColInner {
    position: relative;
    margin: 0 -5.555% 0;
    padding: 1.4em 5% 32px;
    background: white;
    word-break: break-word;
}

.featuredContextualLink .textColInner[data-icon]:before {
	display: none;
}

.featuredContextualLink [class$='Ico']:after {
    position: absolute;
    top: 19px;
    left: 50%;
    margin-left: -63px;
    width: 126px;
    height: 2px;
    background: #dcdcde;
    content: '';
    display: block;
}


.featuredContextualLink [class$='Ico']:before {
    display: inline-block;
    position: relative;
    text-align: center;
    z-index: 2;
    width: 52px;
    margin-bottom: 0.451em;
    background: #fff;
    color: #dc182d;
    font-size: 28px;
    line-height: 1;
    top: -6px;
}

.featuredContextualLink .diamondIco:before {
    top: -2px;
    font-size: 14px;
}

.featuredContextualLink .textColInner p {
    margin-bottom: 0.8em;
    font-family: 'ProximaNovaExCnLight', sans-serif;
    font-size: 2.2em;
    line-height: 1.2;
    color: #3b3b3b;
}

.featuredContextualLink .secondaryCta.simpleCta2 {
    padding: 0 17px 0 0;
    margin-bottom: 0;
}

.featuredContextualLink .secondaryCta.simpleCta2 .icon {
    right: 0;
    left: auto;
}

.featuredContextualLink .richTextType.rttSecondaryCTA {
    border-top: 0;
}

.featuredContextualLink .richTextType.rttSecondaryCTA a {
    margin-right: 0;
}

.featuredContextualLink .rttSecondaryCTA + .rttSecondaryCTA {
	margin-top: -1.5em;
}

@media screen and (min-width: 481px) and (max-width: 620px) {
    .featuredContextualLink .textColInner {
        margin-left: -7.692%;
        margin-right: -7.692%;
        padding-left: 6.6666667%;
        padding-right: 6.6666667%;
    }
}

/* Large image variant */

.featuredContextualLinkLargeImage .imageCol {
    width: auto;
    margin: 0 -5.56%;
}

.featuredContextualLinkLargeImage .imageCol img {
    width: 100%;
}

@media screen and (min-width: 481px) and (max-width: 620px) {

    .featuredContextualLinkLargeImage .imageCol {
        margin: 0 -7.692%;
    }
}

/* default styles */

.secondaryContextualLinks {
	padding: 0 0 64px 0;
	background: #f4f3f8;
}

.secondaryContextualLinks .wrapperInner {
	padding: 0;
}

.secondaryContextualLinks .imgWrap{
	display: block;
	float: left;
	width: 45%;
}

.secondaryContextualLinks .imgWrap img {
	margin: 0;
}

.contextualContent {
	display: block;
	float: left;
	width: 50%;
	text-align: left;
	margin-left: 5%;
}

.secondaryContextualLinks .contextualContent .ctaContainer{
	margin: 16px 0;
	border-top: 0;
}

.secondaryContextualLinks .contextualContent .ctaContainer a {
	margin: 0;
}

.contextualContent .secondaryCta.simpleCta{
	text-align: left;
}
.oneItems .contextualContent .secondaryCta.simpleCta{
	text-align: center;
}

.contextualContent h2{
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: black;
	text-align: left;
	line-height: 1em;
	margin-bottom: 6px;
	text-transform: none;
}

.secondaryContextualLinks h2:before {
	display: none;
}

.secondaryContextualLinks ul {
	margin: 0;
	background: #fff;
}

.secondaryContextualLinks ul li {
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #dcdcde;
	padding: 16px 4%;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.secondaryContextualLinks ul li:last-child {
	border-bottom: none;
}

.secondaryContextualLinks li .externalLink.simpleCta,
.secondaryContextualLinks li .rttSecondaryCTA {
	margin: 6px 0 0 0;
	border-top: none;
}

.secondaryContextualLinks li .rttSecondaryCTA a {
	font-size: 1em;
}

/* one column */



.secondaryContextualLinks.oneItems .contextualContent h2{
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
}

.secondaryContextualLinks.oneItems ul {
	background: none;
}

.secondaryContextualLinks.oneItems ul li {
	padding: 0;
	border: none;
}

.secondaryContextualLinks.oneItems .imgWrap {
	width: 100%;
	margin-bottom: 27px;
}

.secondaryContextualLinks.oneItems .imgWrap img {
	width: 100%;
	max-width: 100%;
}

.oneItems .contextualContent {
	width: 92%;
	padding: 0 4%;
	margin: 0;
	text-align: center;
}

.oneItems .contextualContent h2 {
	font-size: 2.5em;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 3px solid #cad7d0;
	margin-bottom: 11px;
	padding-bottom: 3px;
}

.secondaryContextualLinks.oneItems  li .externalLink.simpleCta,
.secondaryContextualLinks.oneItems  li .secondaryCta.simpleCta {
	margin-top: 22px;
}

/* product compare page amends */
.productComparison .secondaryContextualLinks {
    padding-bottom: 0;
}
.editorialPromo .promoItem {
    position: relative;
    padding-bottom: 3.2em;
    border-top: 1px solid #ddd;
}
.editorialPromo {
    position: relative;
}
.editorialPromo:before,
.editorialPromo .promoItemLast:before {
    background-color: #f4f3f8;
    top: -8px;
    color: #dc182d;
    left: 50%;
    line-height: 1;
    margin-left: -8px;
    position: absolute;
    text-align: center;
    width: 28px;
    font-size: 16px;
    height: 1em;
    z-index: 1;
}
.editorialPromo .promoItem {
    padding-bottom: 3.2em;
}

.editorialPromo .promoCol {
    width: 50%;
    margin-left: 5.55556%;
    margin-top: 2.4em;
    float: left;
}

.editorialPromo .imgContainer {
    width: 44.44444%;
    margin-left: 0;
}

.editorialPromo .imgContainer img {
    max-width: 100%;
    height: auto;
}

.editorialPromo .copyAreaContainer {
    margin-top: 3.2em;
}

.editorialPromo .copyAreaContainer h2 {
    font-family: 'ProximaNovaExCnSbold', sans-serif;
    font-size: 1.8em;
    line-height: 1.2em;
    color: #3b3b3b;
}

.editorialPromo .copyAreaContainer .ctaContainer,
.editorialPromo .copyAreaContainer .secondaryCta {
    margin-bottom: 0;
}

.editorialPromo .copyAreaContainer p.ctaContainer{
    border-top: 0;
    font-size: 1.8em;
}
.editorialPromo .copyAreaContainer p.ctaContainer a{
    font-size: 1em;
}

@media only screen and (min-width: 1px) and (max-width: 800px)  {
    
    .editorialPromo .copyAreaContainer .ctaContainer{
        border: 0;
    }

    .editorialPromo .copyAreaContainer .ctaContainer:hover{
        border: 0;
    }

}
/*---------------------------------------

	Skinny_featured_contextual_link

	.sfcl {}

	Variants:
	cutout left = 		.sfclCutLeft
	cutout right = 		.sfclCutLeft
	fullbleed left = 	.sfclFbLeft
	fullbleed right = 	.sfclFbRight

-----------------------------------------*/

.module.skinnyFeaturedContextualLink {
	margin-top: 0;
}

.skinnyFeaturedContextualLink {
	background: #fff;
}

.skinnyFeaturedContextualLink img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.skinnyFeaturedContextualLink .imgMask {
	margin-top: -1.8em;
	height: 1.8em;
	display: none;
}

.no-svg .skinnyFeaturedContextualLink .imgMask {
	background-image: url(../../img/image_mask_whiteV_2.png);
}

.svg .skinnyFeaturedContextualLink .imgMask {
	background-image: url(../../img/image_mask_whiteV_2.svg);
}


@media screen and (max-width: 864px) {

	.skinnyFeaturedContextualLink .imgMask {
		display: block;
	}
}


.skinnyFeaturedContextualLink .wrapper {
	overflow:hidden;
	text-align:center;
}

.skinnyFeaturedContextualLink .wrapper img {
	width:111.11111%;
	margin:0 -5.55555556%;
}

.skinnyFeaturedContextualLink .sfclContent {
	padding-top:14px;
	text-align:center;
}

.skinnyFeaturedContextualLink .sfclHeader {
	margin:0 0 26px 0;
	font-size: 4.4em;
	text-transform:uppercase;
	color:#d91230;
	letter-spacing: -0.03em;
	line-height: 1;
}

.skinnyFeaturedContextualLink .sfclIntro {
	margin: 0 0 9px 0;
	text-transform:uppercase;
	color:#d91230;
	font-size:2.5em;
}

.skinnyFeaturedContextualLink .sfclContent p {
	margin: 0 0 28px 0;
	color: #333;
	font-size: 2.2em;
	line-height: 1.1em;
	font-family: "ProximaNovaExCnLight",Tahoma, Arial, Helvetica, sans-serif;
}

.skinnyFeaturedContextualLink .sfclContent .secondaryCta.simpleCta {
	margin-bottom:30px;
	font-size: 1.8em;
}

.skinnyFeaturedContextualLink .sfclContent .secondaryCta.simpleCta a{
	font-size: 1em;
}

.skinnyFeaturedContextualLink .wrapperInner .sfclIntro{
	border-bottom: 2px solid #dddddd;
	margin-bottom: 10px;
	padding-bottom: 2px;
}

.skinnyFeaturedContextualLink .ctaContainer{
	border-top: 0;
	font-size: 1.3em;
}


@media screen and (min-width:1px) and (max-width:620px){

	.skinnyFeaturedContextualLink p.ctaContainer{
		border: 0;
	}

	.skinnyFeaturedContextualLink a.externalLink{
		font-size: 1.35em;
	}
}

@media screen and (min-width:321px) and (max-width:620px){

	.skinnyFeaturedContextualLink .wrapper img {
		width:115.38461538%;
		margin:0 -7.69230769%;
	}

}


/*------------------------------
 	Full bleed left and right
--------------------------------*/

.skinnyFeaturedContextualLink.sfclFbLeft .sfclFbBg,
.skinnyFeaturedContextualLink.sfclFbRight .sfclFbBg {
	background-repeat: no-repeat;
	background-position: center -77px;
	display: block;
}

.sfclDesktop.sfclFbLeft .wrapper,
.sfclDesktop.sfclFbRight .wrapper {
	padding-top:243px;
}

.skinnyFeaturedContextualLink.sfclFbLeft .sfclHeader,
.skinnyFeaturedContextualLink.sfclFbRight .sfclHeader {
	margin: 0 0 28px 0;
	font-family:"ProximaNovaExCnSBold", Tahoma, Helvetica, Arial, sans-serif;
}

.skinnyFeaturedContextualLink.sfclFbLeft .sfclIntro,
.skinnyFeaturedContextualLink.sfclFbRight .sfclIntro {
	font-size:2.6em;
	font-family:"ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
}

.skinnyFeaturedContextualLink.sfclFbRight .sfclContent .primaryCta,
.skinnyFeaturedContextualLink.sfclFbLeft .sfclContent .primaryCta {
	width: 100%;
	max-width: 480px;
	margin-bottom:32px;
	font-size: 1.8em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}


@media screen and (min-width:321px) and (max-width:620px){

	.skinnyFeaturedContextualLink.sfclFbLeft .sfclFbBg,
	.skinnyFeaturedContextualLink.sfclFbRight .sfclFbBg {
		background-repeat: no-repeat;
		background-position: center -27px;
	}

	.sfclDesktop.sfclFbLeft .wrapper,
	.sfclDesktop.sfclFbRight .wrapper {
		padding-top:293px;
	}


}

.skinnyFeaturedContextualLink .linkedCta .wrapperInner {
	padding: 0;
}



.splitColorSections.skinnyContextualLink .sectionAlpha{
	padding-top: 64px;
	text-align: center;
}

.splitColorSections.skinnyContextualLink h2 {
	font-size: 3em;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 2px solid #fff;
	word-wrap: break-word;
}

.splitColorSections.skinnyContextualLink h2:before {
	display: none;
}

.splitColorSections.skinnyContextualLink h3 {
	font-family: 'ProximaNovaExCnSbold', Tahoma, Helvetica, Arial, sans-serif;
	font-size: 4.5em;
	text-transform: uppercase;
	line-height: 1em;
	word-wrap: break-word;
}

.splitColorSections.skinnyContextualLink .primaryCta {
	width: 88%;
	margin-bottom: 0;
}

.splitColorSections.skinnyContextualLink .secondaryCta {
	display: block;
	text-align: left;
}

.splitColorSections.skinnyContextualLink .externalLink {
	text-align: left;
	display: block;
}
.splitColorSections.skinnyContextualLink .externalLink:after {
	top: 0;
}
/**
 * Configuration Moment Design Mobile
 */

.configMomentDesign {
    margin: .5em 0 96px;
    text-align: center;
}

.configMomentDesign h2{
	text-transform: uppercase;
	margin-bottom: .5em;
	padding-bottom: .5em;
}

.configMomentDesign h3 {
    margin-bottom: .696em;
}
.configMomentDesign ul {
    margin: 0 0 .8em;
    position: relative;
}
.configMomentDesign ul.smallArch,
.configMomentDesign ul.largeArch  {
    margin: 38px 0 8px;
    min-height: 90px;
    z-index: 10;
}
.configMomentDesign ul.largeArch {
    margin: 66px 0 -15px;
}
.configMomentDesign ul li {
    background: url("/etc/designs/honda/theme_inclusive/img/icons/colour_drop.png") 0 0 no-repeat;
    width: 50px;
    height: 80px;
    margin: 0 0 15px 1%;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.configMomentDesign li a {
    text-indent: -9999em;
    white-space: nowrap;
    display: inline-block;
    background-color: inherit;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 70px;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 37px 0 0;
    outline: 0;
    vertical-align: top;
    z-index: 10;
}
.configMomentDesign ul li.current:before {
    font-size: 28px;
    left: 0;
    position: absolute;
    width: 50px;
    bottom: 12px;
    color: #fff;
    text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
}
.configMomentDesign .productImage {
    padding: 0;
    margin: 0 7.407% 1.6em;
    position: relative;
}
.configMomentDesign .productImage img {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: .5s linear opacity;
    transition: .5s linear opacity;
    position: relative;
}

.configMomentDesign .productImage img.showImage {
    opacity: 1;
}

.configMomentDesign h3 {
    margin-bottom: 1em;
}
.configMomentDesign p {
    margin-bottom: 1em;
}
.configMomentDesign .colourInfo {
    height: 5em;
    min-height: 5em;
    margin-bottom: 2.64em;
    text-align: center;
}
.configMomentDesign .colourInfo h3 {
    margin-bottom: .154em;
}
.configMomentDesign .colourInfo p {
    padding: 0;
}
.configMomentDesign .colourInfo p:before {
    color: #488007;
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.configMomentDesign .wrapperInner {
    position: relative;
}
.configMomentDesign div.fallingDrop {
    background: url("/etc/designs/honda/theme_inclusive/img/icons/colour_drop_sm.png") 0 0 no-repeat;
    width: 23px;
    height: 24px;
    opacity: 0;
    z-index: -1;
    margin: 0;
    position: absolute;
    display: inline;
    vertical-align: top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}
.buildConfiguration {
    text-align: center;
}
.buildConfiguration .primaryCta {
    text-align: left;
    display: inline-block;
    font-size: 1.8em;
    display: none;
}
@-webkit-keyframes slideDown {
    from {
        opacity: 1;
    }
    to {
        margin-top: 100px;
        opacity: 0;
    }
}
@keyframes slideDown {
    from {
        opacity: 1;
    }
    to {
        margin-top: 100px;
        opacity: 0;
    }
}
/* main wrapper */
#table {
	display: inline-block;
	margin-bottom: 5em;
	width: 100%;
}

/* heading */
.tableHeading {
	position: relative;
	margin-bottom: 3.2em;
	border-bottom: 1px solid #dcdcde;
}

.tableHeading h2 {
	margin-bottom: 0.1em;
	font-size: 4em;
	color: #1f1f1f;
	text-align: center;
	text-transform: uppercase;
}

.tableHeading h2:before {
	display: none;
}

/* table */
.responsiveTable {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
}

.responsiveTable tbody tr {
	position: relative;
	display: block;
	margin: 0.5em 0 0;
	padding: 0 0;
	background: #fff;
}

.responsiveTable tbody .grouped-area {
	display: block;
	width: 100%;
	margin-top: 3.2em;
	margin-bottom: 0.5em;
	border-bottom: 0;
}

.responsiveTable tbody .grouped-area:first-child {
	margin-top: 0;
}

.responsiveTable tbody td {
	position: relative;
	padding-top: 1.076em;
	padding-bottom: 1.076em;
	padding-right: 0;
	margin: 0 5% 0 47%;
	font-size: 1.3em;
	line-height: 1;
	text-align: left;
	border-left: 2px solid white;
	display: block;
	border-bottom: 2px solid #ddd;
}

.configMomentPerf .wrapper a.primaryCta:before{
	top: 6px;
}

.responsiveTable .link {
	text-align: right;
}

.responsiveTable tbody td:last-child {
	border-bottom: none;
}

.responsiveTable thead {
	display: table-caption;
}

.responsiveTable thead tr {
	display: block;
}

.responsiveTable .grouped-header,
.tableHeading p {
	font-family: "ProximaNovaExCnLight";
}

.responsiveTable thead th {
	color:#3b3b3b;
	margin-bottom: 1.5em;
	padding: 0;
	font-size: 1.3em;
	display: inline-block;
	width: 32%;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
}

.responsiveTable thead th:first-child {
	text-align: left;
}

.responsiveTable .grouped-header {
	background: #fff;
	padding: 0.15em .5em;
	line-height: 0.8;
}

.tableHeading p {
	font-size: 2.2em;
	letter-spacing: 1px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 1.2em;
	position: relative;
}

.responsiveTable thead [class$='28Ico']:before {
	display: block;
}

.responsiveTable tbody [class$='28Ico']:before,
.responsiveTable [class$='28Ico']:before  {
	top: 0.2em;
	color: #b2b1b4;
	font-weight: normal;
}
.responsiveTable tbody [class$='28Ico']:before {
	position: absolute;
	left: 0;
}
.responsiveTable tbody td:before {
	margin-bottom: .5em;
}

.responsiveTable .power28Ico:before,
.responsiveTable .torque28Ico:before {
	bottom: -3px;
}
.responsiveTable .acceleration28Ico:before {
	bottom: -1px;
}
.responsiveTable .co2Emissions28Ico:before,
.responsiveTable .fuelConsumption28Ico:before {
	bottom: -2px;
}
.responsiveTable .engineCC28Ico:before {
	bottom: -4px;
}

.responsiveTable tbody th {
	padding: 0;
	margin: 0;
	line-height: 3em;
}
.responsiveTable tbody th ul,
.responsiveTable tbody th a {
	position: relative;
	z-index: 2;
}
.responsiveTable tbody th ul {
	margin: 0;
	list-style: none;
}
.responsiveTable tbody tr:last-child th ul {
	margin: 0;
}
.responsiveTable tbody th li {
	text-align: left;
	margin: 0 10%;
	padding: 0;
	background: none;
	font-family: "ProximaNovaExCnLight";
	color: #fff;
	font-size: 1.230em;
	letter-spacing: 0.07em;
}

.responsiveTable .divider {
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 4px;
	margin-bottom: 2px;
}

.responsiveTable tbody th .engineSize {
	font-size: 2.5em;
	line-height: 1;
	letter-spacing: -0.03em;
	font-weight: lighter;
}

.responsiveTable tbody th .extra {
	display: none;
}

.responsiveTable .engineDescription {
	float: left;
	padding-top: 1.125em;
	vertical-align: top;
}

.responsiveTable .engineDescription,
.responsiveTable .engineDescription:before {
	width: 42%;
	background-color: #166B55;
}

.responsiveTable .engineDescription:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	content: '';
	z-index: 1;
}

.responsiveTable .groupBeta {
	background: #008562;
}

.responsiveTable .hybrid .engineDescription,
.responsiveTable .hybrid .engineDescription:before {
	background: #2a881e;
}

.responsiveTable .hybrid .hybridIco {
	position: relative;
	z-index: 2;
}

.responsiveTable .hybrid .hybridIco:before {
	color: #35AA26;
	font-size: 28px;
	left: 70%;
	position: absolute;
}

.responsiveTable .moreInfo {
	display: inline-block;
	text-align: right;
	text-decoration: none;
}

#table.wrapper .col {
	display: none;
}

#table.wrapper .primaryCta {
	display: block;
	margin-top: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.8em;
}

#table img {
	display: none;
}


/* eu emissions */
/* --------------------------------------- */

/* emissions link */
.responsiveTable .co2Emissions28Ico .moreInfo {
	display: block;
	padding-right: 28px;
	color: #555;
	text-align: left;
}

.responsiveTable .co2Emissions28Ico .moreInfo:before {
	position: absolute;
	top: 0.35em;
	right: 0;
	content: "\e013";
	color: #00803E;
}

.responsiveTable .co2Emissions28Ico .moreInfo.open:before {
	content: "\e015";
}

.responsiveTable .co2Emissions28Ico .moreInfo.open .title {
	border-bottom: 3px solid #DC182D;
}

.responsiveTable .co2Emissions28Ico .moreInfo .title {
	border-bottom: 1px solid #00803E;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.responsiveTable .co2Emissions28Ico .moreInfo:hover:before,
.responsiveTable .co2Emissions28Ico .moreInfo:hover .title {
	color: #017D75;
}

.responsiveTable .co2Emissions28Ico .moreInfo:hover .title {
	border-bottom: 3px solid #017D75;
}

/* emissions row */
.responsiveTable .emissions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.responsiveTable .emissions td,
.responsiveTable .emissions td:last-child {
	text-align: left;
	margin: 0;
	padding: 0;
	border-left: none;
	border-bottom: none;
	background-color: #FFF;
	font-size: 1em;
}

.responsiveTable .emissions th {
	display: none;
}

.responsiveTable .emissions td.copy {
	width: 42%;
	float: left;
}

.responsiveTable .emissions td.copy .inner {
	margin: 0 0 0 10%;
}

.responsiveTable .emissions td.image {
	width: 58%;
	float: right;
}

.responsiveTable .emissions td.image .inner {
	margin: 0 10%;
}

.responsiveTable .emissions .secondaryCta {
	font-size: 1.6em;
	margin: 1em 0 0.3em 0;
	padding: 0 0 0 17px;
}

.responsiveTable .emissions .secondaryCta a {
	font-size: 1em;
	margin: 0;
}

.responsiveTable .emissions .secondaryCta a:after {
	position: absolute;
	right: auto;
	left: -28px;
	top: -0.15em;
}

.responsiveTable .emissions td p {
	font-size: 1.3em !important; /* annoying important override */
	font-style: italic;
	line-height: 1.5;
}

#table .responsiveTable .emissions img {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 1.5em 0;
}

.responsiveTable .emissions .inner {
	position: relative;
	overflow: hidden;
}

.js .responsiveTable .emissions .inner {
	max-height: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.js .responsiveTable .emissions.open .inner {
	max-height: 30em;
}

.content .listResults ul {
    margin: 0;
}

.content .listResults li {
    padding: 1.75em 0;
    margin-bottom: 0;
    background: none;
}

.content .listResults li:nth-child(odd) {
    background: white;
}

.ie8 .content .listResults .odd {
    background: white;
}

.listResults .secondaryCta.secondaryCtaBeta {
    margin-bottom: 0.5em;
    font-size: 1.3em;
    letter-spacing: 0;
}

.listResults .secondaryCta .icon {
    top: 0.5em;
}

.listResults .date {
    margin-top: 1.75em;
    padding-top: 0.3em;
    border-top: 3px solid #ddd;
    font-size: 1.1em;
    letter-spacing: 0.1em;
}

.content .listResults .date p {
    margin-bottom: 0;
    font-family: 'ProximaNovaExCnSbold', sans-serif;
    color: #3b3b3b;
}

/* No results */

.noResults p {
    margin-bottom: 0;
    font-family: 'ProximaNovaExCnLight', sans-serif;
    font-size: 2.2em;
    color: #3b3b3b;
}

.noResults ul {
    margin-bottom: 2.1em;
}
.noResults ul li {
    margin-left: 10px;
    position: relative;
}
.noResults ul li:before {
    color: #dc182d;
    left: -12px;
    position: relative;

}
.newsResults .listImage {
    width:100%;
}
.module.newsHeader{
    margin-top: 6.4em;
}

.newsHeader h1 {
    color: #3b3b3b;
    font-size: 2.2em;
}

.newsHeader h1:before {
    background: transparent;
    height: auto;
    margin: auto;
    padding: 0 3px 0 0;
    width: auto;
}

.newsHeader h1:before,
.newsHeader h1:after {
    content: '-';
    display: inline-block;
}


.newsHeader h2 {
    font-weight: normal;
    font-size: 5.2em;
    color: #dc182d;
    margin: 0 0 .6em;
    font-family: 'ProximaNovaExCnLight', Tahoma, Arial, Helvetica, sans-serif;
}

.module.newsHeader .contentIntro {
    font-size: 2.5em;
    line-height: 1.09em;
    color: #3b3b3b;
    font-family: 'ProximaNovaExCnLight', Tahoma, Arial, Helvetica, sans-serif;
}

.content .listResults.newsResults li{
    padding: 2.2em 0 2em;
}


.newsResults h3{
    margin-top:.6em;
}

.newsResults a.primaryLink {
    padding-bottom: 1px;
    border-bottom: 1px solid #7AB99B;
    color: #000;
    text-decoration: none;
    font-size: 1.6em;
    line-height: 1.4em;
    letter-spacing: normal;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.newsResults a.primaryLink:hover,
.newsResults a.primaryLink:focus {
    border-bottom: 3px solid #017d75;
    color: #017d75;
}
.accessoriesListing {
    margin-bottom: 8em;
}

.accessoriesAccordion.mesSpecAccordion .trigger.disabled a:hover .icon:before {
	color: #ddd;
}

.accessoriesAccordion.mesSpecAccordion .trigger a {
    padding-right: 0;
}

.accessoriesAccordion.mesSpecAccordion .trigger a span.title {
	padding-left: 0;
}

.accessoriesAccordion.mesSpecAccordion .trigger a span.icon {
	top: 28px;
	right: 30px;
}

.accessoriesAccordion.mesSpecAccordion .trigger.active a span.icon {
    top: 32px;
}

.accessoriesAccordion.mesSpecAccordion .trigger:first-child a {
    border-top-color: #DDD;
}

.accessoriesAccordion.mesSpecAccordion .trigger a,
.accessoriesAccordion.mesSpecAccordion .trigger.active a,
.accessoriesAccordion.mesSpecAccordion .trigger.active:first-child a {
    z-index: 2;
    border-color: #00803E;
}

.accessoriesAccordion.mesSpecAccordion .trigger a:hover {
    z-index: 3;
    border-color: #14948B;
}

.accessoriesAccordion.mesSpecAccordion .trigger a:hover span.icon:before,
.accessoriesAccordion.mesSpecAccordion .trigger.active a:hover span.icon:before {
    color: #14948B;
}

.accessoriesAccordion.mesSpecAccordion .panel + .trigger a {
    margin-top: -3px;
}

.accessoriesAccordion.mesSpecAccordion .panel.expanded + .trigger a {
    margin-top: 0;
    border-top: none;
}

.accessoriesAccordion.mesSpecAccordion .trigger.disabled a {
    cursor: default;
    z-index: 1;
}

.accessoriesAccordion.mesSpecAccordion .trigger.disabled a,
.accessoriesAccordion.mesSpecAccordion .trigger.disabled a:hover  {
    color: #ddd;
    border-color: #ddd;
	background: #f4f3f8;
}

.accessoriesAccordion.mesSpecAccordion .panel .wrapperInner {
	padding: 0;
}

.accessoriesAccordion.mesSpecAccordion .panel ul li {
	border-bottom: 1px solid #ddd;
	text-align: center;
	text-transform: uppercase;
}

.accessoriesAccordion.mesSpecAccordion .panel ul li a {
	padding: 1.1em 0;
	min-height: 1.1em;
}

.accessoriesAccordion.mesSpecAccordion.mesSpecAccordion .panel ul li a span.title {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #7ab99b;
	display: inline;
}

.accessoriesAccordion.mesSpecAccordion .panel ul li a span.title:hover {
	color: #017d75;
	border-bottom: 3px solid #14948B;
	-webkit-transition: border-bottom 0.2s ease-in-out;
	transition: border-bottom 0.2s ease-in-out;
}

.accessoriesAccordion.mesSpecAccordion .panel ul li.selected {
	position: relative;
}

.accessoriesAccordion.mesSpecAccordion .panel ul li.selected:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	content: '';
	background-color: #ee1b2f;
}

.accessoriesAccordion.mesSpecAccordion .panel ul li .imgWrap {
	margin: 1.2em auto 0;
}

.accessoriesMechandise .hmcAvailableVariants {
	background: #fff;
	padding-bottom: 2.2em;
}

.accessoriesMechandise .accessoriesHeader {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
}

.accessoriesMechandise .accessoriesContent {
	padding: 0 5%;
}

.accessoriesMechandise .accessoriesContent .showContainer {

	border-top: 3px solid #ddd;
	padding-top: 0.8em;
    margin-top: 24px;
}

.accessoriesMechandise .accessoriesContent .showContainer a {
	text-decoration: none;
	color: #000;
    display: block;
	text-transform: uppercase;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif
}

.accessoriesMechandise .accessoriesContent .showContainer a [class$='Ico']:before {
	font-size: 16px;
}
.accessoriesMechandise .accessoriesContent .showContainer a .downChevronLargeIco,
.accessoriesMechandise .accessoriesContent .showContainer a .upChevronLargeIco  {
	color: #00803e;
	font-weight: bold;
}

.accessoriesMechandise .accessoriesContent .showContainer a .title {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	padding-left: 0.4em;
}

.accessoriesMechandise .listResults ul li .wrapperInner {
	padding: 0;
}

.accessoriesMechandise .listResults li {
	padding: 0 0 1.75em;
    position: relative;
}

.accessoriesMechandise .listResults .imgWrap {
	width: 100%;
}

.accessoriesMechandise .listResults .imgWrap img {
	width: 100%;
	height: auto;
    /* FIXES RESIZING BUG IN BUGZILLA's FIREFOX */
    transform: rotate( .0001deg );
}
.accessoriesMechandise li .accessoriesHeader h3.secondaryCta.secondaryCtaBeta  {
    margin-bottom: 2px;
}

.accessoriesMechandise li .accessoriesHeader .price {
    font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1em!important;
    letter-spacing: .01em;
    margin-top: -2px;
}

.accessoriesMechandise li .accessoriesHeader .price p {
    margin: 4px 0;
}
.accessoriesMechandise li .accessoriesHeader .price .fittedLabel {
    margin-right: 4px;
    display: inline-block;
}

.accessoriesMechandise .dependencies {
    display: none;
}

.accessoriesMechandise .dependencies h5 {
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 32px;
    clear: both;
}

.accessoriesMechandise .dependencies img {
    padding: 24px 0;
    max-width: 100%;
}

.accessoriesMechandise .dependencies ul.referenceAccessories li {
    background: transparent;
    padding: 0;
    clear: both;
    padding-top: 16px;
}

.accessoriesMechandise .dependencies ul.referenceAccessories li:after {
    content:' ';
    display: block;
    clear: both;
    height: 1px;
}
.accessoriesMechandise .dependencies ul.referenceAccessories li img {
    width: 100%;
    padding: 0;
}
.accessoriesMechandise .dependencies ul.referenceAccessories li .info {
    margin-top: 16px;
}
.accessoriesMechandise .dependencies ul.referenceAccessories li .info p {
    margin: 2px 0;
}
@media screen and (max-width: 600px) {
    .accessoriesMechandise .dependencies ul.referenceAccessories li .info p {
        margin: 2px 0;
        font-size: .9em!important;
        letter-spacing: -0.02em;
    }
}
.accessoriesMechandise .dependencies ul.referenceAccessories li .info .partNum .label {
    font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.09em;
}

.accessoriesMechandise .longDesc.collapsed {
        max-height: 80px;
        overflow: hidden;
        transition: all 1s;
        -webkit-transition: all 1s;
}
.accessoriesMechandise .longDesc.expanded {
        max-height: 20em;
}

.accessoriesMechandise .showMore .title:hover {
	color: #017d75;
}

.accessoriesMechandise .readLess {
	display: none;
}

.accessoriesMechandise .showMoreResults {
	display: none;
}

.accessoriesMechandise .show {
    -webkit-animation: animShow 0.3s forwards;
    animation: animShow 0.3s forwards;
}

.accessoriesMechandise .hide {
    -webkit-animation: animHide 0.3s forwards;
    animation: animHide 0.3s forwards;
}

.accessoriesMechandise .listResults ul li {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes animShow {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes animHide {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes animShow {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes animHide {
    from { opacity: 1; }
    to   { opacity: 0; }
}

.accessoriesMechandise .basicSpinner {
    position: absolute;
    top: -1em;
    right: 0;
    left: 0;
    width: 2.5em;
    height: 2.5em;
    margin: auto;
    content: "";
    color: #FFF;
    text-rendering: optimizeSpeed;
    line-height: normal;
    text-align: center;
    border: 4px solid #F4F3F8;
    border-radius: 2.5em 2.5em 2.5em 2.5em;
    background-color: #DC182D;
    z-index: 1;
    opacity: 0;

    transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -webkit-animation: 2s ajax-loader-rotate steps(6) infinite;
    animation: 2s ajax-loader-rotate steps(6) infinite;
}

.accessoriesMechandise .hmcAvailableVariants.update .basicSpinner {
    opacity: 1;
}

.accessoriesMechandise .basicSpinner:before {
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0;
    padding: 0;
    content: '\e0DE';
    color: #FFF;
    font-family: 'animateGlyphs28';
    font-size: 35px;
    line-height: normal;
    z-index: 2;
}

@-webkit-keyframes ajax-loader-rotate {
    0%   { -webkit-transform: rotate(0deg); }
    20%  { -webkit-transform: rotate(72deg); }
    40%  { -webkit-transform: rotate(144deg); }
    60%  { -webkit-transform: rotate(216deg); }
    80%  { -webkit-transform: rotate(288deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes ajax-loader-rotate {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(72deg); }
    40%  { transform: rotate(144deg); }
    60%  { transform: rotate(216deg); }
    80%  { transform: rotate(288deg); }
    100% { transform: rotate(360deg); }
}
/* ---------------------------------------- */
/* PRODUCT WRAPPER */
/* ---------------------------------------- */

.productLines {
    margin-top: 0;
    background-color: #FFF;
}

/* multiProductLineNavigation is addtional wrapper used in integrated version */
.hero + .productLines,
.hero + .multiProductLineNavigation {
    margin-top: -6.4em;
}


/* ---------------------------------------- */
/* PRODUCT LINE HEADER */
/* ---------------------------------------- */

.productLinesHeader {
    text-align: center;
}

.productLinesHeader h3 {
    margin: 0;
    padding: 1em 1em;
    border-top: 3px solid #00803E;
}



/* ---------------------------------------- */
/* PRODUCT LINE LIST */
/* ---------------------------------------- */

.productLinesList {
    padding-bottom: 1.6em;
    background-color: #FFF;
}

.productLinesList:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.productLinesList ul {
    margin: 0;
}

.productLinesList li {
    position: relative;
    width: 49.75%;
    float: left;
	font-size: 1em;
	margin-bottom: 1.3em;
}

.productLinesList li:nth-of-type(odd) {
	clear: both;
}

.productLinesList a {
    display: block;
    padding: 0 1em;
    font-size: 1.6em;
    text-align: left;
    text-decoration: none;
}

.productLinesList li:nth-of-type(odd) a {
	padding-left: 0;
}

.productLinesList li:nth-of-type(even) a {
	padding-right: 0;
}

.productLinesList img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
}

.productLinesList .title {
    font-family: 'ProximaNovaExCnSbold';
    letter-spacing: 1px;
    line-height: 1em;
    margin: 0;
    padding: 0.4em 0 0;
    background-color: #FFF;
}

/* chevron icon */
.productLinesList .title:after {
    margin-left: 0.3em;
    color: #00803E;
    font-size: 1.1em;
}



/* ---------------------------------------- */
/* PRODUCT LINE LIST TOGGLE */
/* ---------------------------------------- */

.productLinesViewToggle {
    display: none;
}



/* ---------------------------------------- */
/* SMALLER DEVICE SCREENS */
/* ---------------------------------------- */

/* stack products */
@media only screen and (max-width: 260px) {
    .productLinesList li {
        width: 100%;
        clear: both;
    }

    .productLinesList li:nth-of-type(odd) a,
    .productLinesList li:nth-of-type(even) a {
	    padding: 0;
    }
}



/* ---------------------------------------- */
/* ADJUSTMENTS TO 'sectionNavMobile' (inserted after product lines) */
/* ---------------------------------------- */
/* Potential core style issue with .module and .moduleFlush styles?:
   - Shouldn't .module by default contain margin/padding to visually separate stacked module?
   - Shouldn't .moduleFlush remove the default margin/padding applied by .module so stacked modules are flush against each other?
 */
@media only screen and (max-width: 620px) {
	.productLines,
	.multiProductLineNavigation {
		margin-bottom: 0;
	}

	.productLines + .moduleFlush,
	.multiProductLineNavigation + .moduleFlush {
		padding-top: 0;
		padding-bottom: 0;
	}

	.productLines + .moduleFlush .wrapperInner,
	.multiProductLineNavigation + .moduleFlush .wrapperInner {
		padding: 0;
	}

	.productLines + .moduleFlush .sectionNavMobile,
	.multiProductLineNavigation + .moduleFlush .sectionNavMobile {
		margin: 0;
	}

	.productLines + .moduleFlush + .brandMessage,
	.multiProductLineNavigation + .moduleFlush + .brandMessage,
	.multiProductLineNavigation + .moduleFlush + .brandMessage > .module {
		margin-top: 0;
	}
}
.productHeader {
    text-align: center;
    margin-top: 0;
    z-index: 1000;
}
.bikeProductOverview {
    margin-bottom: 55px;
}
.productHeader:after,
.productHeader .wrapperInner:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.productHeader .cropper img {
    width: 100%;
}
.productHeader .cropper {
    margin-bottom: 3.2em;
}
.productHeader .contentBlock {
    text-align: center;
}
.productHeader h1 {
    color: #3b3b3b;
    font-size: 2.2em;
    margin: 0 0 .4em;
    text-transform: none;
    letter-spacing: 1px;
}
.productHeader h1:before,
.productHeader h1:after {
    content: '-';
    display: inline-block;
}
.productHeader h1:before {
    background: transparent;
    height: auto;
    margin: auto;
    padding: 0 3px 0 0;
    width: auto;
}
.productHeader h1:after {
    padding: 0 0 0 3px;
}
.productHeader h2 {
    color: #dc182d;
    font-size: 5em;
    text-transform: uppercase;
    font-family: 'ProximaNovaExCnSbold', Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
}
.module.productHeader h2[class$="28Ico"] {
    font-family: "ProximaNovaExCnLight", Tahoma, Arial, Helvetica, sans-serif;
    margin: 0 0 0.6em;
    padding: 0 0 0.4em;
}
.productHeader h2[class$='28Ico'] {
    color: #dc182d;
    margin: 0 0 .660em;
    padding: 0 0 .640em;
}

.productHeader h3 {
    letter-spacing: 1px;
    font-size: 1.6em;
    margin: -.8em 0 1em;
    font-family: 'ProximaNovaExCnSbold', Tahoma, Arial, Helvetica, sans-serif;
}
.productHeader .detailBlock h3 {
    font-size: 2.2em;
    color: #3b3b3b;
    margin: 0 0 0.4em;
    font-family: "ProximaNovaExCnLight", Tahoma, Arial, Helvetica, sans-serif;
}
.productHeader p {
    margin: 0 0 1.143em;
}
.productHeader .imageBlock {
    text-align: center;
    margin: 0 11.111% 2.3em;
}
.productHeader .threeImages,
.productHeader .twoImages {
    margin: 0 0 2.3em;
}
.productHeader .imageBlock img {
    width: 100%;
    display: inline-block;
}
.productHeader .twoImages img {
    margin: 0 0 0 4%;
}
.productHeader .threeImages img {
    margin: 0 0 0 3%;
    width: 30.55%;
}
.productHeader .twoImages img {
    width: 47.222%;
}
.productHeader .twoImages img:first-child,
.productHeader .threeImages img:first-child {
    margin: 0;
}
.productHeader .iconCta {
    margin: 0 0 3.2em;
}

.topFour .wrapperInner {
    padding: 0;
}

.productHeader ul li,
.topFour ul li {
    background: inherit;
    letter-spacing: normal;
    word-spacing: normal;
}
.topFour ul {
    position: relative;
    margin-bottom: 0;
    letter-spacing: -2px;
    word-spacing: -2px;
}
.topFour ul li {
    width: 50%;
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.topFour h4 {
    font-size: 1.25em;
    color: #3b3b3b;
}
.topFour h3 {
    font-size: 2.25em;
    margin: .2em 0 .05em;
    color: #6e6e6e;
    font-family: 'ProximaNovaExCnSbold', Tahoma, Arial, Helvetica, sans-serif;
}
.topFour p {
    color: #555;
    font-size: 0.813em !important;
}

.productHeader .priceList {
    margin: 2em 0 3em;
}
.productHeader .priceList li {
    display: inline-block;
    margin: 0 0 0 3.44em;
    padding: 0;
    text-align: center;
}
.productHeader .priceList li:first-child {
    margin: 0;
}
.productHeader .priceList h3 {
    margin: 0;
    font-size: 2.25em;
    color: #6e6e6e;
}

.productHeader .priceList p {
    font-size: .813em !important;
}

.topFour ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.topFour ul li {
	float: left;
}

.topFour ul li:first-child,
.topFour ul li.beforeLast {
    border-right: 1px solid #e0e0e0;
    margin: 0;
}

.topFour ul li.beforeLast {
    clear: left;
}

.topFour ul li:before  {
    display: none;
    background-color: #F4F3F8;
    top: -7px;
    left: -7.5px;
    color: #DC182D;
    font-size: 15px;
    position: absolute;
    overflow: hidden;
}

/* fix 1px discrepancy in webkit  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.topFour ul li:before  {
    	left: -8px;
	}
}

.bikeProductOverview h2 {
    margin: 0 0 .44em;
}
.topFour ul li {
    position: relative;
    padding: 1.6em 3% 0.8em 3%;
}

.topFour ul li:last-child:before {
    display: inline;
}

.bikeProductOverview .cropper {
    margin-bottom: 3em;
}
.bikeProductOverview .contentBlock {
    margin-top: 0;
}
.bikeProductOverview .moreInfo {
    font-size: 1.3em;
    font-family: 'ProximaNovaExCnSbold', Tahoma, Arial, Helvetica, sans-serif;
    margin: 0 0 .2em;
    line-height: 1.2em;
}
.bikeProductOverview .moreInfo strong {
    color: #dc182d;
    font-weight: normal;
}

.topFour.bikeTopFour .wrapperInner {
    padding: 0 5%;
}
.bikeTopFour ul h4 {
    margin: 0 0 .5em;
    font-size: 1.25em;
    line-height: 1.2em;
}
.bikeTopFour ul h3 {
    line-height: 1;
    font-size: 1.75em;
    margin-bottom: 0.26em;
}
.bikeTopFour ul a {
    text-decoration: none;
    color: #3b3b3b;
    border-bottom: 1px solid #7ab99b;
    padding-bottom: .2em;
}
.bikeTopFour ul a:hover {
    color: #017d75;
    border-bottom: 3px solid #017d75;
    -webkit-transition : all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.topFour.bikeTopFour ul li:before  {
    display: none;
}
.bikeTopFour ul li {
    padding: 1em 2% .5em;
    width: 49%;
    border: 0;
    min-height: 6em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bikeTopFour ul h4 {
    margin-top: 0;
}
.bikeTopFour ul li img {
    padding: 0 8%;
    margin: .3em 0 0;
    width: 86%;
    vertical-align: bottom;
}
.bikeTopFour ul li.coloursThumbnail img {
    width: 80px;
    height: 45px;
    margin-top: 0;
}
.bikeTopFour ul p {
    margin-bottom: 0;
}
.bikeTopFour ul li.coloursThumbnail p {
    margin-top: 3px;
}
.bikeTopFour ul li h3 {
    min-height: 1.1em;
}
.bikeTopFour ul li.coloursThumbnail h4 {
    margin-bottom: 0;
}
.bikeTopFour ul li:first-child,
.bikeTopFour ul li.beforeLast {
    border-right: 3px solid #ddd;
    margin: 0;
}

.topFour.colourStyle01 h3 {
    color: #d04323;
}
.topFour.colourStyle02 h3 {
    color: #36845c;
}
.topFour.colourStyle03 h3 {
    color: #30556c;
}
.topFour .colourStyle04 h3 {
    color: #3e3938;
}
.topFour.colourStyle05 h3 {
    color: #614172;
}
.topFour.colourStyle06 h3 {
    color: #578028;
}
.topFour.colourStyle07 h3 {
    color: #007eac;
}
.topFour.colourStyle08 h3 {
    color: #dc182d;
}
.signPostLargeImageDesktop {
    padding-top: 272px;
    background-repeat: no-repeat;
    background-position: top center;
}

.signPostLargeImage {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1px;
}

.signPostLargeImage img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.signPostLargeImageDesktop .wrapper {
    background: #f4f3f8;
}

.signPostLargeImage .imageCaption {
    padding-top: 1.3em;
}

.signPostLargeImage .copyAreaContainer {
    padding-top: 0.3em;
    padding-bottom: 0.01em;
}

.signPostLargeImage .copyAreaContainer h2 {
    position: relative;
    padding-top: 0.4em;
    margin-right: 1.6em;
    margin-bottom: 0.7em;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.signPostLargeImage .copyAreaContainer h2:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    height: 3px;
    width: 40px;
    background: #DC182D;
}

.signPostLargeImage .copyAreaContainer h3 {
    margin-bottom: 1em;
    font-size: 2.2em;
    letter-spacing: 1px;
}

.signPostLargeImage .copyAreaContainer h4 {
    margin-bottom: 0.5em;
}

.signPostLargeImage .copyAreaContainer .ctaContainer {
    margin-bottom: 1.9em;
    border-top: 1px solid #d2d2d3;
}

.signPostLargeImage .copyAreaContainer .ctaContainer.downloadLink{
    border-top: 1px solid #d2d2d3;
}

.signPostLargeImage .copyAreaContainer .ctaContainer:hover .secondaryCta,
.signPostLargeImage .copyAreaContainer .ctaContainer:focus .secondaryCta {
    color: #017d75;
    border-bottom: 0;
}

.signPostLargeImage .copyAreaContainer .secondaryCta {
    display: block;
    margin: 0;
    padding-top: 0.65em;
    padding-bottom: 0.65em;
    border-bottom: 0;
    color: #00803e;
}
.signPostLargeImage .copyAreaContainer .secondaryCta a, .signPostLargeImage .copyAreaContainer .rttSecondaryCTA a {
    border-bottom: none;
}

.signPostLargeImage .copyAreaContainer .secondaryCta {
    padding: 0;
    margin: 0;
}

.signPostLargeImage .copyAreaContainer .secondaryCta a {
    font-size: 1.1em;
}

.signPostLargeImage .copyAreaContainer .secondaryCta .title {
    line-height: 1;
}

.signPostLargeImage .copyAreaContainer .secondaryCta:hover .title,
.signPostLargeImage .copyAreaContainer .secondaryCta:focus .title {
    border-bottom: 0;
}

.signPostLargeImage .copyAreaContainer a {
    padding-bottom: 1px;
    border-bottom: 1px solid #7AB99B;
    color: #00803e;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.signPostLargeImage .copyAreaContainer a:hover,
.signPostLargeImage .copyAreaContainer a:focus {
    border-bottom: 3px solid #017d75;
    color: #017d75;
}

.signPostLargeImage .copyAreaContainer .externalLink {
    border-bottom: 0;
}

.signPostLargeImage .copyAreaContainer .externalLink:hover,
.signPostLargeImage .copyAreaContainer .externalLink:focus {
    border-bottom: 0;
}


.signPostLargeImage .copyAreaContainer .downloadLink a {
    border-bottom: 0;
}

.signPostLargeImage .copyAreaContainer .downloadLink a:hover,
.signPostLargeImage .copyAreaContainer .downloadLink a:focus {
    border-bottom: 0;
}

/* Dark theme variant */


.signPostLargeImageThemeVariation,
.signPostLargeImageDesktop.signPostLargeImageThemeVariation .wrapper {
    background-color: #161414;
}

.signPostLargeImageThemeVariation .moduleThemeContainer {
    display: none;
}

.signPostLargeImageDark .copyAreaContainer h2:before {
    background: white;
}

.signPostLargeImageDark .copyAreaContainer .rttSecondaryCTA a:hover,
.signPostLargeImageDark .copyAreaContainer .rttSecondaryCTA a:focus,
.signPostLargeImageDark .copyAreaContainer .ctaContainer a {
    color: white;
}

.signPostLargeImageDark .copyAreaContainer .rttSecondaryCTA a:hover,
.signPostLargeImageDark .copyAreaContainer .rttSecondaryCTA a:focus {
    border-bottom-width: 0;
}

.signPostLargeImageDark .copyAreaContainer a,
.signPostLargeImageDark .copyAreaContainer a:hover {
    border-bottom-color: #bbb;
    color: #bbb;
}

.signPostLargeImageThemeVariation .imageCaption p,
.signPostLargeImageThemeVariation .imageCaption dt,
.signPostLargeImageThemeVariation .imageCaption dd {
    color: white;
}


.pd1Col h2,
.pd1Col h3,
.pd1Col h4,
.pd1Col p,
.pd1Col a {
    word-break: break-word;
}

.jsSplitColorSections h2{
	word-break: normal;
}

.pd1Col .secondaryCta {
    margin-left: 0;
}

.pd1Col .imageCaption {
    padding: 0 5%;
}

@media screen and (min-width: 480px) {

    .pd1Col .imageCaption {
        padding: 0 6.6666667%;
    }
}
.pdBlockquote .richTextType.rttSecondaryCTA .secondaryCta {
    margin-bottom: 1.7em;
}
.productEditorialMosaic .downloadLink {
    margin-bottom: 30px;
}

.productEditorialMosaic .downloadLink a{
    margin-top: 6px;
}

.productEditorialMosaic .rttDownloadLink a{
    display: inline;
}

.productEditorialMosaic .middleCol {
    margin: 0 -5.56%;
}

.productEditorialMosaic .finalCol {
    display: none;
    visibility: hidden;
}

.productEditorialMosaic h2 {
    margin-right: 64px;
    margin-bottom: 0.55em;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.productEditorialMosaic .mosaicCol.mainCopy p.cta-external {
    border-top: 1px solid #CBCBCB;
    padding-top: 5px;
}

.productEditorialMosaic h2:before {
    content: "";
    display: block;
    height: 3px;
    width: 28px;
    margin-bottom: 0.3em;
    background: #DC182D;
}

.productEditorialMosaic [class$='SignPostIco'] + h2:before {
    width: 40px;
}

.productEditorialMosaic h3 {
    margin-bottom: 1em;
    letter-spacing: 1px;
}

.productEditorialMosaic img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.productEditorialMosaic .secondaryCta {
    margin-left: 0;
    margin-bottom: 1.75em;
}


.productEditorialMosaic .imageCaption {
    margin-top: 1.3em;
}

@media screen and (min-width: 481px) and (max-width: 620px) {
    .productEditorialMosaic .middleCol {
        margin: 0 -7.692%;
    }
}

.productEditorialSplitImage .copyAreaContainer {
    padding-top: 3em;
}

.signPostLargeImage .copyAreaContainer .downloadLink {
    border: 0;
}

.signPostLargeImage .copyAreaContainer .externalLink {
    display: inline;
    margin: 0;
    padding: .65em .65em 0 0;
}

.signPostLargeImage .copyAreaContainer .externalLink .icon {
    top: 50%;
    margin-top: -13px;
}

.signPostLargeImage .copyAreaContainer .externalLink:hover .title,
.signPostLargeImage .copyAreaContainer .downloadLink:hover .title {
    border-bottom: 0;
}

.signPostLargeImage .copyAreaContainer .externalLink:hover{
    border-bottom: 3px solid #017D75;
    display: inline-block;
    padding-bottom: 1px;
}

.signPostLargeImage .copyAreaContainer .externalLink{
    margin-bottom: 28px;
}

.signPostLargeImage .copyAreaContainer .hoverFix:hover a,
.signPostLargeImage .copyAreaContainer .downloadLink:hover a {
    border-top-color: #017d75;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    display: inline ;
}


.signPostLargeImage .copyAreaContainer .ctaContainer:hover a,
.signPostLargeImage .copyAreaContainer .ctaContainer:focus a,
.signPostLargeImage .copyAreaContainer .ctaContainer.downloadLink:hover a,
.signPostLargeImage .copyAreaContainer .ctaContainer.downloadLink:focus a{
    border-bottom: 3px solid #017D75;
}

.signPostLargeImage .copyAreaContainer .copyArea .ctaContainer a.externalLink {
    margin-bottom: 0;
}

.signPostLargeImage .copyAreaContainer .copyArea .ctaContainer{
    margin-bottom: 32px;
}

.signPostLargeImage .copyAreaContainer .ctaContainer:hover a,
.signPostLargeImage .copyAreaContainer .ctaContainer:focus a{
    position: relative;
    display: inline;
}

.productEditorialSplitImage .copyAreaContainer h2 {
    margin-bottom: .55em;
}

.productEditorialSplitImage .copyAreaContainer h2:before {
    width: 28px;
}

.editorialLargeImageMod, .signPostLargeImageMod {
    position: relative;
    z-index: 1;
}
.backNavigation.module,
.parentNavigation.module {
    margin: 1em 0;
}

.backNavigation a,
.parentNavigation a {
    position: relative;
    padding-left: 14px;
    text-decoration: none;
}

.backNavigation a:before {
	position: absolute;
	top: -5px;
	left: -5px;
	font-size: 18px;
	font-weight: bold;
	content: '\e00b';
}

@-moz-document url-prefix() {
	.backNavigation a:before {
		top: -4px;
	}
}

.backNavigation a .title,
.parentNavigation a .title {
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.6em;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.backNavigation a:hover,
.parentNavigation a:hover {
    color: #017D75;
}

.backNavigation a:hover .title,
.parentNavigation a:hover .title {
    border-bottom: 3px solid #017D75;
}

.backNavigation + .pageIntro,
.parentNavigation + .pageIntro {
    margin-top: 1.4em;
}


/* parent link variant
------------------------------------------- */

.parentNavigation a {
    padding-left: 0;
    padding-right: 10px;
}

.parentNavigation a .title {
	float: left;
}

.ie8 .parentNavigation a .title {
	border-bottom: 3px solid transparent;
}

.parentNavigation a .icon {
    float: left;
	margin: 0 0 0 10px;
    width: 17px;
    height: 17px;
    content: '';
    background-repeat: no-repeat;
    background-position: top left;
}

.svg .parentNavigation a .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNyAxNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSIjMDA4MDNFIiBjeD0iOC41IiBjeT0iOC41IiByPSI4LjUiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTAuODYgOC41MUw4LjU2IDQuOTdsLTIuMy0wLjAyIDIuMzIgMy41NSAtMi4zMiAzLjU1IDIuMjktMC4wMUwxMC44NiA4LjUxeiIvPjwvc3ZnPg==');
}

.svg .parentNavigation a:hover .icon {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNyAxNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSIjMDE3RDc1IiBjeD0iOC41IiBjeT0iOC41IiByPSI4LjUiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTAuODYgOC41MUw4LjU2IDQuOTdsLTIuMy0wLjAyIDIuMzIgMy41NSAtMi4zMiAzLjU1IDIuMjktMC4wMUwxMC44NiA4LjUxeiIvPjwvc3ZnPg==');
}

.no-svg .parentNavigation a .icon {
    background-image: url('../../img/icons/sprite_hub_page_back_icon.png');
    background-position: top left;
}

.no-svg .parentNavigation a:hover .icon {
	background-position: top left;
}
.modelEngineSelector.module {
	margin-top:0;
}
.specJSturnedoff {
	margin:0;
	padding:0;
	background:#fff;
}

.specJSturnedoff .contentCenter {
	margin-bottom:32px;
}

.modelEngineSelector {
	position:relative;
	margin-top:0;
}

.theSelector {
	/* background:#fff; */
}

.modelEngineSelector .transition,
.modelEngineSelector .transition a {
	-webkit-transition-duration:.2s;
	transition-duration:.2s;
}

.modelEngineSelector .box a{
	-webkit-transition-property:background;
	transition-property:background;
}

.modelEngineSelector .transition.selection a{
	-webkit-transition:background .7s;
	transition:background .7s;
	display: block;
	text-decoration: none;
	line-height: 1.4em;
}

.modelEngineSelector .box .description {
	-webkit-transition:all .7s;
	transition:all .7s;
}

.modelEngineSelector .btn {
	width:auto;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	border-radius:0;
}

.modelEngineSelector .direction {
	position:relative;
}

.modelEngineSelector .mesCol {
	width:49.5%;
	float:left;
	cursor:pointer;
}

.modelEngineSelector .first {
	margin-right:1%;
}

.modelEngineSelector .item {
	margin-right:1%;
}

.modelEngineSelector .item.even {
	margin-right: 0;
}

.modelEngineSelector .engineCC28Ico:before,
.modelEngineSelector .model28Ico:before {
    color: #B2B1B4;
    left: 50%;
    margin-left: -14px;
    position: relative;
    vertical-align: top;
}

.modelEngineSelector button.openChoicesCloseBtn:before,
.modelEngineSelector button.openChoicesOpenBtn:before {
    position: relative;
}
.modelEngineSelector .openChoicesCloseBtn:before,
.modelEngineSelector .openChoicesOpenBtn:before {
    color: #fff;
    font-size: 32px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    top: 0;
    font-weight: bold;
    vertical-align: top;
}

.modelEngineSelector .openChoicesCloseBtn:before {
    top: -15px;
}

.modelEngineSelector .mesCopy {
	text-align:center;
}

.modelEngineSelector h3 {
	margin: .22em 0 .55em;
	font-size:1.65em;
	word-wrap: break-word;
}

.modelEngineSelector .mesCopy .description {
	display:none;
}

.modelEngineSelector .selectorWrapper {
	position:relative;
	z-index:2;
	width:100%;
	margin:0 auto;
	background:#00803e;
}

.modelEngineSelector .openChoices {
	width:100%;
	height:2.2em;
}

.modelEngineSelector .openChoices .icon {
	display:inline-block;
	width:16px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-5px;
	margin-left:-8px;
	background-position:-43px 0;
}

.modelEngineSelector .emmissionRate #emissionValue {
	color: #000;
	font-family: 'ProximaNovaExCnLight',sans-serif;
	font-size: 1.7em;
	line-height: 1.3;
}

.modelEngineSelector .emmissionRate a {
	color: #000;
	padding-top: 7px;
	font-size: 0.9em;
}

.modelEngineSelector .emmissionRate a:hover {
	text-decoration: underline;
}


.ie8 .modelEngineSelector .openChoices .title {
	color:#00803e;
}

.ie8 .modelEngineSelector .selectorWrapper:hover,.ie8 .modelEngineSelector .selectorWrapper:focus {
	color:#017d75;
}

.modelEngineSelector .selectorWrapper:hover,
.modelEngineSelector .selectorWrapper:focus,
.modelEngineSelector input[type='radio']:focus + .mesCol {
	background:#017d75;
}

.modelEngineSelector .selection a:hover,.modelEngineSelector .selection a:focus,.modelEngineSelector #engineList .selection a:hover,.modelEngineSelector #engineList .selection a:focus {
	background:#fff;
}

.modelEngineSelector .selectorWrapper:hover {
	cursor:pointer;
}

/* m_85.02.01 exposed state */
.modelEngineSelectorOpen .direction:after {
	display:none;
}

.modelEngineSelector .openChoicesHidden {
	display:none;
	visibility:hidden;
}

.modelEngineSelector .openChoicesSelected {
	height:3.3em;
	padding-top:1em;
	/* margin-bottom:-7px; */
}

.modelEngineSelector .openChoicesSelected .icon {
	width:11px;
	height:11px;
	margin-left:-5.5px;
	top:.625em;
	margin-top:0;
	background-position:-61px 0;
}

.modelEngineSelectorOpen .openChoicesSelected .title {
	display:block;
    margin-top: -20px;
	padding-bottom:.2em;
	font-family:'ProximaNovaExCnSbold',sans-serif;
	text-align:center;
	color:#fff;
}

.modelEngineSelector .mesChoose {
	display:none;
	visibility:hidden;
}

.modelEngineSelector .selection {
	position:relative;
	margin-top:.3em;
	text-align:center;
}

#gradeItemsContainer,
#engineItemsContainer {
	width: auto;
}

.modelEngineSelector .selection a {
	padding: 7px;
	margin-bottom:0;
	font-weight:400;
}

.modelEngineSelector #engineItemsContainer .selection a {
	padding-bottom: 15px;
}

.modelEngineSelector .tiny {
	background:#018d4d;
}

.modelEngineSelector .small {
	background:#017d75;
}

.modelEngineSelector .medium {
	background:#6a9f00;
}

.modelEngineSelector .big {
	background:#166b55;
}

.modelEngineSelector .selection .title{
	color:#00803e;
}

.modelEngineSelector .selection .info {
	color: #666;
}

.modelEngineSelector .selection .title {
	display:inline;
	font-family:'ProximaNovaExCnLight',sans-serif;
	font-size:1.8em;
	border-bottom:1px solid #73a699;
}

.modelEngineSelector .selection:focus .title,
.modelEngineSelector .selection:hover .title {
	border-bottom:1px solid #e3e3e3;
}

.modelEngineSelector #engineList .selection .title {
	border-bottom:1px solid #66b6a1;
}

.modelEngineSelector .selection .info,.modelEngineSelector .selectorWrapperChoiceMade .petrol {
	display:table;
	border-collapse:collapse;
	width:100%;
}

.modelEngineSelector .selection .info {
	margin-top:8px;
	font-family:'ProximaNovaExCnSbold',sans-serif;
	font-size: 1.2em;
	line-height:1;
	letter-spacing:.083em;
}
.modelEngineSelector .selection .info .type {
	font-family:'ProximaNovaExCnSReg',sans-serif;
}

.modelEngineSelector .selection .info .hairlineCol,.modelEngineSelector .selectorWrapperChoiceMade .hairlineCol {
	display:block;
}

.modelEngineSelector .selection a:hover .description, .modelEngineSelector .selection a:focus .description {
	color:#017d75;
}



.modelEngineSelector #engineList .selection a:hover .title,
.modelEngineSelector #engineList .selection a:focus .title {
	border-bottom:3px solid #017d75;
}

.modelEngineSelector input[type='radio'] {
	width:1px;
	padding:0;
}

.modelEngineSelector .mesItems .wrapperInnerFull {
	padding-top:10px;
	padding-bottom:15px;
	margin-top:10px;
}

.modelEngineSelector .mesItems .wrapperInnerFullHide {
	visibility:hidden;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	height:0;
}

.itemsContainerWrapper {
	margin-bottom:7px;
}

.modelEngineSelector .mesItems .wrapperInnerFullHide .itemsContainer {
	width:100%;
}

.modelEngineSelector .mesItems .mesCol a {
	margin: 1px;
	background: #fff;
}

.modelEngineSelector .mesItems .mesHidden {
	display: block;
}

.modelEngineSelector .mesItems .mesHidden a{
    display: block;
    background: #f4f3f8;
}

.modelEngineSelector .mesItems .mesHidden a,
.modelEngineSelector .mesItems .mesHidden a:hover,
.modelEngineSelector .mesItems .mesHidden a:focus,
.modelEngineSelector .mesItems #engineList .mesHidden a {
	background: transparent url(../../img/car_configurator/css/disabledBkg.png) repeat top right;
    cursor: default;
}
.modelEngineSelector .mesItems #engineList .mesHidden a .title,
.modelEngineSelector .mesItems #engineList .mesHidden a .info,
.modelEngineSelector .mesItems #engineList .mesHidden a .engineDrive,
.modelEngineSelector .mesItems .mesHidden a .title,
.modelEngineSelector .mesItems .mesHidden a .info{
   	color: #b9b9b9;
   	border: none;
}

.modelEngineSelector .mesItems .wrapperInnerFullTransition {
	-webkit-transition:border-color .5s ease;
	transition:border-color .5s ease;
}

/* Selected state */
.modelEngineSelector .modelCol .selectorWrapperChoiceMade {
	padding-top:2.6em;
}

.modelEngineSelectorChosen .mesItems .optionChosen {
	border:0;
}

.modelEngineSelector .selectorWrapperChoiceMade {
	height:auto;
	margin-bottom:0;
	padding-top:1.65em;
}

.modelEngineSelector .selectorWrapperChoiceMade .choiceMade {
	position: relative;
	width:87%;
	margin:0 auto;
	padding-bottom:1.7em;
	text-align:center;
	border-bottom:1px solid #58a57e;
}

.modelEngineSelector .gradeWrapper.selectorWrapperChoiceMade .choiceMade {
	border-bottom:1px solid #66998b;
}

.modelEngineSelector .engineWrapper.selectorWrapperChoiceMade .choiceMade {
	border-bottom:1px solid #58a893;
}

.selectorWrapperChoiceMade .choiceMade .choice {
	display:block;
	margin-bottom:.5em;
	font-family:'ProximaNovaExCnLight',sans-serif;
	font-size:2.8em;
	line-height:.8;
	color:#fff;
}

.modelEngineSelector .selectorWrapperChoiceMade .petrol {
	font-family:'ProximaNovaExCnSbold',sans-serif;
	font-size:1.4em;
	letter-spacing:.071em;
	color:#fff;
}

.modelEngineSelector .selectorWrapperChoiceMade .openChoices {
	height:auto;
	padding:.875em 0;
	margin-bottom:0;
	line-height:.65;
}

.modelEngineSelector .selectorWrapperChoiceMade .openChoicesSelected {
	padding-top:1.9em;
}

.modelEngineSelector .checked a,
.modelEngineSelector #engineList .checked a,
.modelEngineSelector div.checked a:hover,
.modelEngineSelector #engineList div.checked a:hover,
.modelEngineSelector div.checked a:focus,
.modelEngineSelector #engineList div.checked a:focus {
	background:#fff;
	cursor: default;
}

.modelEngineSelector #engineList .checked a .title,
.modelEngineSelector .checked a .title,
.modelEngineSelector #engineList div.checked a:hover .title,
.modelEngineSelector div.checked a:hover .title,
.modelEngineSelector #engineList div.checked a:focus .title,
.modelEngineSelector div.checked a:focus .title {
	border-color:transparent;
	color:#dc182d;
}

.modelEngineSelector .checked a .info,
.modelEngineSelector div.checked a:hover .info,
.modelEngineSelector div.checked a:focus .info {
	color:#3b3b3b;
}

.modelEngineSelector .checked a .engineDrive,
.modelEngineSelector div.checked a:hover .engineDrive,
.modelEngineSelector div.checked a:focus .engineDrive {
	color:#b9b9b9;
}

.modelEngineSelector .priceAndFilter {
	display:none;
}

.modelEngineSelector.active .priceAndFilter {
	display:inline-block;
	width:100%;
}

.modelEngineSelector .resetContainer {
	position:relative;
	display:none;
	width:100%;
}

.modelEngineSelector.active .resetContainer {
	display:inline-block;
}

.modelEngineSelector .resetContainer .promoIcon {
	position:absolute;
	top:-5px;
	left:50%;
	display:block;
	width:29px;
	height:10px;
	margin-left:-15px;
	background:url(../../img/bullet.png) center no-repeat #fff;
}

.modelEngineSelector .reset {
	margin:17px auto 15px;
	font-family:'ProximaNovaExCnLight',sans-serif;
	font-size:1.8em;
	text-transform:uppercase;
	width:100%;
	text-align:center;
}

.modelEngineSelector .reset .title {
	line-height:1.5;
	border-bottom:1px solid #7fbf9e;
	color:#3b3b3b;
	-webkit-transition-property:all;
	transition-property:all;
}

.modelEngineSelector .reset:hover .title,.modelEngineSelector .reset:focus .title {
	border-bottom:3px solid #017d75;
	color:#017d75;
}

.modelEngineSelector .choicesDescription {
	padding: 0 5%;
	margin-top:20px;
}


@media screen and (min-width: 480px) {
	.modelEngineSelector .choicesDescription {
		padding: 0 6.6666667%;
	}
}

.modelEngineSelector .choicesDescription p.descriptionText {
	margin-bottom:22px;
	line-height: 1;
	font-family: 'ProximaNovaExCnLight', sans-serif;
	font-size: 2.3em;
}

.modelEngineSelector .choicesDescription p {
	text-align:center;
}


.modelEngineSelector .choicesDescription .price {
	margin-bottom:0.1em;
	font-family:'ProximaNovaExCnLight',sans-serif;
	font-size:4em;
	margin-top:-9px;
	line-height: 1;
}

.modelEngineSelector .choicesDescription .price a {
	text-decoration:none;
	cursor:default;
	border-top:none;
	color: #dc182d;
}

.modelEngineSelector .choicesDescription .price,
.modelEngineSelector .choicesDescription .priceDescription {
	color:#dc182d;
}

.modelEngineSelector .choicesDescription .priceDescription {
	font-family: 'ProximaNovaExCnSReg', sans-serif;
	margin-bottom: 0;
	line-height: 1.3;
}

.modelEngineSelector .choicesDescription .disclaimer {
	padding-top: 0;
	border: 0;
	font-family: Tahoma, sans-serif;
	font-size: 0.8125em;
	color: #757575;
	text-decoration: none;
	cursor: default;
}

/* filter list and gallery nav */
.filterGalleryList {
	display:none;
}

.filterGalleryList ul {
	margin:13px 0 0 5%;
	list-style-type:none;
	background:#FFF;
	border-radius:25px;
	display:inline-block;
	width:90%;
}

.content .filterGalleryList ul li {
	list-style:none;
	background:none;
	padding:3%;
	text-align:center;
	margin:0;
	width:44%;
	float:left;
	border-radius:25px;
}

.content .filterGalleryList ul li span {
	line-height:1.5;
	border-bottom:1px solid #7FBF9E;
	font-family:'ProximaNovaExCnLight',sans-serif;
	font-size:1.1em;
	text-transform:uppercase;
}

.content .filterGalleryList ul li span:hover,.content .filterGalleryList ul li span:focus {
	border-bottom:3px solid #017d75;
	color:#017d75;
}

.content .filterGalleryList ul li.on {
	background:#dc182d;
	color:#fff;
}

.content .filterGalleryList ul li.on span:hover,.content .filterGalleryList ul li.on span:focus {
	background:#dc182d;
	color:#fff;
}

.content .filterGalleryList ul li.on span {
	border-bottom:none;
}

.modelEngineSelector .choicesDescription .divider {
	display:none;
}

/* Filtered state */
.modelEngineSelector .selectorWrapperChoiceMade .openChoicesSelected {
	margin-bottom:-7px;
}

.selectorWrapperChoiceMade .openChoices .icon {
	top:auto;
	bottom:.9em;
}

.selectorWrapperChoiceMade .openChoicesSelected .icon {
	top:auto;
	bottom:2.3em;
}

.selectorWrapperChoiceMade .openChoicesSelected .close {
	margin-top:1.2em;
}

.modelEngineSelector .filteredOptionsCopy {
	margin-top:.3em;
	margin-bottom:1em;
	text-align:center;
}

.modelEngineSelector .selection .engineDrive {
	position:absolute;
	bottom:.25em;
	right: .25em;
	width: 3em;
	color: #b9b9b9;
	font-family:'ProximaNovaExCnSbold',sans-serif;
	font-size: 0.95em;
	line-height: normal;
	text-align: right;
}

.modelEngineSelectorOpen .optionsHide {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

.modelEngineSelector .selectorWrapper.gradeWrapper,
.modelEngineSelector .selectorWrapper.engineWrapper{
	border: 1px solid #e1e4ea;
	background: #fff;
}

.modelEngineSelector .selectorWrapper .choiceMade span{
	color: #f21c0a;
}

.modelEngineSelector .selectorWrapper.gradeWrapper .openChoicesCloseBtn span,
.modelEngineSelector .selectorWrapper.engineWrapper .openChoicesCloseBtn span,
.modelEngineSelector .selectorWrapper.gradeWrapper button:before,
.modelEngineSelector .selectorWrapper.engineWrapper button:before{
	color: #00803e;
}

.modelEngineSelector .selectorWrapper .petrol span{
	color: #757575;
	line-height: 1.1em;
}

.modelEngineSelector .mesItems .mesCol{
	background: #e1e4ea;
}


/* Full state */
.modelEngineSelector form {
	overflow:hidden;
}

.modelEngineSelector .itemsContainerWrapperPosition {
	-webkit-transform:translateY(-110%);
    -ms-transform:translateY(-110%);
	transform:translateY(-110%);
}

.modelEngineSelector .itemsContainerWrapperTransition {
	-webkit-transition:-webkit-transform .75s ease;
	transition:transform .75s ease;
}

.modelEngineSelector .itemsContainerWrapperShow {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}

.modelEngineSelector .mesItems .wrapperInnerFullShow {
	border-bottom-color:#166b55;
	border-top-color:#166b55;
}

.modelEngineSelector .mesItems .wrapperInnerFullShow,
.modelEngineSelector .mesItems .wrapperInnerFullShow {
	border-top: 7px solid #18938a;
	border-bottom: 3px solid #18938a;
	-webkit-transition:border 0.2s ease-in-out;
	transition:border 0.2s ease-in-out;
}

.modelEngineSelector .selection.blank,.modelEngineSelector #engineList .selection.blank {
	background:#f4f3f8;
	cursor: default;
}

.modelEngineSelector .selection.blank a,.modelEngineSelector #engineList .selection.blank a {
	visibility:hidden;
}

/* key features responsive table */
.modelEngineSelector .responsiveTableWrapper .wrapperInner {
	padding:0;
}

.modelEngineSelector .theSelector {
	padding-bottom:19px;
}

.modelEngineSelector.modelEngineSelectorOpen .theSelector,.modelEngineSelector.active .theSelector {
	padding-bottom:0;
}

.modelEngineSelector .responsiveTable {
	margin:0 0 64px;
	position:relative;
}

.modelEngineSelector.active .responsiveTable {
	padding-top:17px;
}

.modelEngineSelector .responsiveTable thead th {
	text-align:center;
	font-family:'ProximaNovaExCnSbold',sans-serif;
	width:auto;
	padding:0;
	width:20%;
	display:none;
	font-weight:400;
}

.modelEngineSelector.active .responsiveTable thead th {
	border-right:1px solid transparent;
	display:inline-block;
	margin-bottom: 7px;
}

.ie9 .modelEngineSelector.active .responsiveTable thead th.higherSpec,.ie8 .modelEngineSelector.active .responsiveTable thead th.higherSpec {
	border-right:1px solid #e2e1e2;
}

.modelEngineSelector .responsiveTable thead th.title {
	color:#dc182d;
	width:69%;
	text-align:left;
}

.modelEngineSelector .responsiveTable tbody th {
	font-weight:400;
	font-size:1.3em;
	line-height:1.5em;
	width:55%;
	text-align:left;
	padding: 10px 0;
	border-bottom:1px solid #e2e1e2;
	background:transparent url(../../img/spec_table_pattern.png) repeat 0 0;
	text-indent:-9999px;
}

.modelEngineSelector .responsiveTable tbody td {
	display:table-cell;
	border-bottom:none;
	width:23%;
	margin:0;
	text-align:center;
	/* border-right:1px solid #e2e1e2; */
	border-left: none;
	border-bottom:1px solid #e2e1e2;
	background:transparent url(../../img/spec_table_pattern.png) repeat 0 0;
	text-indent:-9999px;
	padding-left: 32px;
	padding-right: 32px;
	position:static;
}

.modelEngineSelector .responsiveTable tbody td.diamondIco:before {
	color: #dc182d;
}

.modelEngineSelector .responsiveTable tbody td.noSpecIncluded {
	border-bottom:none;
}

.modelEngineSelector.active .responsiveTable .lowerSpec,.modelEngineSelector.active .responsiveTable .higherSpec,.modelEngineSelector .responsiveTable .lowerSpec,.modelEngineSelector .responsiveTable .higherSpec {
	display:none;
}

.modelEngineSelector.active .responsiveTable tbody th,.modelEngineSelector.active .responsiveTable tbody td {
	background:transparent;
	text-indent:0;
}

.modelEngineSelector.active .responsiveTable tbody td.included,.modelEngineSelector.active .responsiveTable tbody td.compareSpec.included {
	background:transparent url(../../img/bullet.png) no-repeat center 10px;
	text-indent:-9999px;
	padding: 0;
}

.modelEngineSelector .responsiveTable thead th.compareSpec,
.modelEngineSelector .responsiveTable tbody td.compareSpec {
	display: none;
}

.modelEngineSelector.active .responsiveTable thead th.compareSpec,.modelEngineSelector.active .responsiveTable tbody td.compareSpec {
	background:transparent url(../../img/spec_table_pattern.png) repeat 0 0;
}

.modelEngineSelector .responsiveTable tbody tr {
	position: static;
	display: table-row;
	margin: 0;
	border-bottom:none;
	background:#f4f3f8;
}

.modelEngineSelector .responsiveTable tbody tr.hidden {
	display: none;
}

.modelEngineSelector .responsiveTable tbody tr:first-child th,
.modelEngineSelector .responsiveTable tbody tr:first-child td {
	border-top:1px solid #e2e1e2;
}
.modelEngineSelector .responsiveTable tbody td.noSpecdiamondIco span,
.modelEngineSelector .responsiveTable tbody td.diamondIco span {
	text-indent: -999em;
	display: inline-block;
}

.modelEngineSelector .responsiveTable tr th:first-child,.modelEngineSelector .responsiveTable tr td:first-child {
	padding-left:5%;
}

.makeSelectionDefault {
	position:absolute;
    top: 40%;
	width:100%;
	text-align:center;
}

.makeSelectionDefault h2 {
	font-family:'ProximaNovaExCnLight',sans-serif;
	font-size:2.3em;
	color:#3b3b3b;
	margin:0 10% 30px;
}

.modelEngineSelector.active .makeSelectionDefault {
	display:none;
}

.modelEngineSelector .disclaimerText {
	display:none;
	width:100%;
}

.modelEngineSelector.active .disclaimerText {
	display:block;
}

.modelEngineSelector .disclaimerWrapper {
	border-top:3px solid #ddd;
	padding-top:5px;
}

.modelEngineSelector .disclaimerText p {
	color:#757575;
	font-size:1.3em;
}

.modelEngineSelector .simpleHeader {
	background:#fff;
}

@media screen and (max-width: 621px) {
	.modelEngineSelector .simpleHeader h1[class$='Ico']:before,
	.modelEngineSelector .simpleHeader h2[class$='Ico']:before,
	.modelEngineSelector .simpleHeader h3[class$='Ico']:before {
		background: #fff;
	}
}



.modelEngineSelector .mesSpecification {
	display:none;
}

.modelEngineSelector.active .mesSpecification {
	display:block;
	margin-bottom:54px;
}

.modelEngineSelector.active .mesSpecification {
	display:block;
}

.modelEngineSelector .mesSpecification .panel .wrapperInner {
	padding:0;
	border-bottom:3px solid #00803E;
}

.mesSpecAccordion {
	width:100%;
}

.mesSpecAccordion .trigger {
	font-size:2.3em;
	text-transform:uppercase;
	font-family:'ProximaNovaExCnLight',sans-serif;
	margin:0;
}

.mesSpecAccordion .trigger.specItemList {
	margin-top:-3px;
}

.mesSpecAccordion .trigger a {
	border-bottom:3px solid #00803E;
	border-top:3px solid #DDD;
	text-decoration:none;
}

.mesSpecAccordion .trigger a:hover {
	color:#14948b;
	border-top:3px solid #14948b;
	border-bottom:3px solid #14948b;
	background:#14948B;
}

.mesSpecAccordion .trigger.active a {
	border-bottom:none;
}

.mesSpecAccordion .trigger.specItemList a {
	border-top:3px solid transparent;
}

.mesSpecAccordion .trigger.specItemList a:hover {
	border-top:3px solid #14948b;
}

.mesSpecAccordion .trigger a {
	display:block;
	position:relative;
	padding-right:18px;
}

.mesSpecAccordion .trigger a span.title,
.mesSpecAccordion .trigger a span.description {
	display:block;
	text-align:center;
	padding:22px 0 20px;
	background:#F4F3F8;
}

.mesSpecAccordion .trigger a span.description {
	margin-top: -28px;
	margin-bottom: 0;
	padding-top: 0;
	color: #555;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.565em;
	font-style: italic;
	text-transform: none;
}

.mesSpecAccordion .trigger a span.icon {
	position:absolute;
	top:50%;
	right:4px;
	display:block;
	width:11px;
	height:11px;
	margin-top: -10px;
}

.mesSpecAccordion .trigger a span.icon:before {
	position: absolute;
	left: -5px;
	font-size: 22px;
	font-weight: bold;
}

.mesSpecAccordion .trigger.active a span.icon:before {
	content: "\e015";
	top: -7px;
}
.mesSpecAccordion .trigger.active a:hover span.icon:before {
	color: #fff;
}

.mesSpecAccordion .trigger a:hover span.icon:before {
	color: #fff;
}


.mesSpecAccordion .trigger.active a span.icon {
	height:3px;
	margin-top: -3px;
	/* top:32px; */
}

.mesSpecAccordion .trigger.active a:hover span.icon {
	background-position:0 -25px;
}

.mesSpecAccordion .panel {
	display: none;
	overflow:hidden;
	background:#fff;
}

.mesSpecAccordion .panel .module {
	background:#fff;
	margin-bottom:0;
	margin-top:0;
}

.mesSpecAccordion .panel.expanded {
	height:auto;
	display: block;
}

.mesSpecAccordion .panel h2 {
	display:none;
}

.mesSpecAccordion .panel ul {
	margin:0;
	background:#FFF;
}

.mesSpecAccordion .panel ul li {
	padding:0;
	background:none;
	border-bottom:1px solid #00803E;
	margin-bottom:0;
}

.mesSpecAccordion .panel ul li:last-child {
	border-bottom:none;
}

.mesSpecAccordion .panel ul li a {
	display:inline-block;
	width:100%;
	position:relative;
	text-decoration:none;
}

.mesSpecAccordion .panel ul li a span.title {
	display:inline-block;
	width:79.214%;
	padding:27px 15.588% 20px 5.198%;
	color:#3b3b3b;
	font-size:1.1em;
	font-family:'ProximaNovaExCnSbold',sans-serif;
}

.mesSpecAccordion .panel ul li a span.icon {
	position:absolute;
	top:27px;
	right:20px;
	display:block;
	font-size:.7em;
	color:#00803E;
	border-bottom:1px solid #00803E;
	line-height:1.4em;
	-webkit-transition:all .5s;
	transition:all .5s;
}

.mesSpecAccordion .panel ul li a span.icon:hover {
	border-bottom:3px solid #00803E;
}

.mesSpecAccordion .panel ul li a span.icon .hide {
	display:none;
}

.mesSpecAccordion .panel ul li.opened a span.icon .hide {
	display:block;
}

.mesSpecAccordion .panel ul li.opened a span.icon .show {
	display:none;
}

.mesSpecAccordion .panel ul li div.content {
	display:none;
	padding-bottom:20px;
}

.mesSpecAccordion .panel ul li.opened div.content {
	display:block;
}

.mesSpecAccordion .panel ul li div.content table {
	margin:0 5%;
	width:90%;
}

.mesSpecAccordion .panel ul li div.content table td {
	padding-left:0;
	padding-right:0;
	border-right:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	font-size:.8em;
	color:#555;
	width:60%;
	vertical-align: top;
}

.mesSpecAccordion .panel ul li div.content table td.result {
	border-right:none;
}

.mesSpecAccordion .panel ul li div.content table td.result {
	text-align:center;
	color:#dc182d;
	width:40%;
}

.mesSpecAccordion .panel ul li div.content table td.result img {
	width: 100%;
	max-width: 100%;
}

.mesSpecAccordion .panel ul li div.content table td.result.included span {
	text-indent:-9999px;
	display:block;
	background:transparent url(../../img/bullet.png) no-repeat center 3px;
}

.mesSpecAccordion .panel ul li div.content table tr:last-child td {
	border-bottom:none;
}

.mesSpecAccordion .panel ul li div.content table .noBorders td {
	border: none;
}

.modelEngineSelector .compareFilter {
	position:absolute;
	top:17px;
	right:0;
	width:23%;
	display:none;
}

.modelEngineSelector.active .compareFilter {
	display:none;
}

.modelEngineSelector .compareModelButton {
	background:#00803E;
	text-align:center;
	padding:10%;
	width:80%;
	position:relative;
}

.modelEngineSelector .compareFilter.expanded .compareModelButton div.icon {
	width:50px;
	display:inline-block;
	position:absolute;
	top:7px;
	right:0;
	padding:10px;
	border-left:1px solid #58a57e;
}

.modelEngineSelector .compareModelButton div.icon span {
	display:inline-block;
	width:100%;
}

.modelEngineSelector .compareModelButton div.icon span span {
	background:url(../../img/icons/show_hide.png) no-repeat 0 0;
}

.modelEngineSelector .compareModelButton div.icon span.openCompare span {
	height:11px;
	background-position:center -11px;
}

.modelEngineSelector .compareModelButton div.icon span.closeCompare {
	display:none;
	text-indent:0;
	text-align:center;
	font-size:1.6em;
	font-family:'ProximaNovaExCnSbold',sans-serif;
	color:#fff;
}

.modelEngineSelector .compareModelButton div.icon span.closeCompare span {
	height:3px;
	background-position:center -25px;
	margin-bottom:10px;
}

.modelEngineSelector .compareModelButton div.icon span.removeCompare {
	display:none;
}

.modelEngineSelector .compareModelButton p {
	color:#FFF;
	margin:0;
	border-top:1px solid #58A57E;
	padding-top:5px;
	margin-top:8px;
	font-family:'ProximaNovaExCnSbold',sans-serif;
}

.modelEngineSelector .compareFilter .options {
	position:absolute;
	display:inline-block;
	width:92%;
	padding:4%;
	top:-9999px;
}

.modelEngineSelector .compareFilter.expanded {
	position:static;
	width:100%;
	border-bottom:3px solid #00803E;
	margin-bottom:25px;
}

.modelEngineSelector .compareFilter.expanded .compareModelButton {
	text-align:left;
	padding:3.9%;
	width:92.2%;
}

.modelEngineSelector .compareFilter.expanded .compareModelButton div.icon span.closeCompare {
	display:inline-block;
}

.modelEngineSelector .compareFilter.expanded .compareModelButton div.icon span.openCompare {
	display:none;
}

.modelEngineSelector .compareFilter.expanded .compareModelButton p {
	margin:0;
	border:none;
	font-size:1.8em;
}

.modelEngineSelector .compareFilter.chosen {
	bottom:-51px;
	top:auto;
}

.modelEngineSelector .compareFilter.chosen .compareModelButton div.icon span.openCompare {
	display:none;
}

.modelEngineSelector .compareFilter.chosen .compareModelButton p {
	display:none;
}

.modelEngineSelector .compareFilter.chosen .compareModelButton div.icon span.closeCompare {
	display:none;
}

.modelEngineSelector .compareFilter .compareModelButton div.icon span.removeCompare {
	text-indent:0;
	text-align:center;
	font-size:1.6em;
	font-family:'ProximaNovaExCnSbold',sans-serif;
	color:#fff;
	padding-top:10px;
}

.modelEngineSelector .compareFilter .compareModelButton div.icon span.removeCompare span {
	height:3px;
	background-position:center -25px;
	display:inline-block;
	margin-bottom:10px;
}

.modelEngineSelector .compareFilter.chosen .compareModelButton div.icon span.removeCompare {
	display:inline-block;
	text-indent:0;
}

.modelEngineSelector .compareFilter.expanded .options {
	position:static;
}

.yourSelection {
	position: absolute;
	top: -9999px;
}


/* ------------------------------------------- */
/* tooltips */

/* trigger */
.modelEngineSelector .responsiveTable tbody .tooltipOpen th,
.modelEngineSelector .responsiveTable tbody .tooltipOpen td {
    border-bottom-width: 0;
    border-right-width: 0;
}

.modelEngineSelector .responsiveTable tbody th .tooltip {
    position: relative;
    top: -3px;
    display: inline-block;
	height: 20px;
	width: 20px;
    margin-bottom: -8px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzAwODAzRSIgZD0iTTkuNjE2LDBDNC4zMDYsMCwwLDQuMzA2LDAsOS42MTdzNC4zMDYsOS42MTcsOS42MTYsOS42MTdjNS4zMTIsMCw5LjYxOC00LjMwNiw5LjYxOC05LjYxNwoJUzE0LjkyOCwwLDkuNjE2LDB6IE05LjU2OCwxNi4yMDdjLTAuODExLDAtMS40OTMtMC42NzctMS40OTMtMS40NzljMC0wLjgsMC42ODMtMS40NzgsMS40OTMtMS40NzhjMC44MTQsMCwxLjQ3OSwwLjY2MywxLjQ3OSwxLjQ3OAoJUzEwLjM4MywxNi4yMDcsOS41NjgsMTYuMjA3eiBNMTEuMTQ4LDguNjU3Yy0wLjM5MiwwLjUyMi0wLjcyOSwwLjk3MS0wLjcyOSwxLjU0MmMwLDAuMTgzLDAuMDksMC40MDMsMC4xNzIsMC41MDMKCWMwLjA5MSwwLjExMSwwLjEyMiwwLjI2LDAuMDg4LDAuMzk3Yy0wLjAzNiwwLjEzOC0wLjEzNiwwLjI1MS0wLjI3LDAuMzA1bC0xLjI4NSwwLjUxM2MtMC4wNTUsMC4wMjItMC4xMSwwLjAzMy0wLjE2NywwLjAzMwoJYy0wLjEzOSwwLTAuMjczLTAuMDY0LTAuMzYxLTAuMTgzYy0wLjMyNC0wLjQzOS0wLjQ5LTAuOTk0LTAuNDktMS42NDhjMC0xLjEwNCwwLjQ5My0xLjc2NywwLjkyOS0yLjM1CgljMC4zNjItMC40ODcsMC42NDgtMC44NzEsMC42NDgtMS40NjFjMC0wLjI4NS0wLjE4LTAuNzA3LTAuNTY1LTAuNzA3Yy0wLjIxNiwwLTAuMzg2LDAuMDU1LTAuNjEsMC4zNDIKCUM4LjQxOCw2LjA1Nyw4LjI3NCw2LjEzLDguMTM2LDYuMTE0QzcuOTkyLDYuMTA5LDcuODYsNi4wMzUsNy43NzksNS45MTVMNy4wNzMsNC44NTRDNi45NTksNC42ODIsNi45NzUsNC40NTMsNy4xMTYsNC4zMDEKCUM3Ljc0NiwzLjYxNyw4LjU4OSwzLjI0LDkuNDg4LDMuMjRjMS41OTQsMCwyLjc0OCwxLjE1NiwyLjc0OCwyLjc0OEMxMi4yMzYsNy4yMDgsMTEuNjU4LDcuOTc5LDExLjE0OCw4LjY1N3oiLz4KPC9zdmc+);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.modelEngineSelector .responsiveTable tbody th .tooltip:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzAxOTQ4QSIgZD0iTTkuNjE2LDBDNC4zMDYsMCwwLDQuMzA2LDAsOS42MTdzNC4zMDYsOS42MTcsOS42MTYsOS42MTdjNS4zMTIsMCw5LjYxOC00LjMwNiw5LjYxOC05LjYxNwoJUzE0LjkyOCwwLDkuNjE2LDB6IE05LjU2OCwxNi4yMDdjLTAuODExLDAtMS40OTMtMC42NzctMS40OTMtMS40NzljMC0wLjgsMC42ODMtMS40NzgsMS40OTMtMS40NzhjMC44MTQsMCwxLjQ3OSwwLjY2MywxLjQ3OSwxLjQ3OAoJUzEwLjM4MywxNi4yMDcsOS41NjgsMTYuMjA3eiBNMTEuMTQ4LDguNjU3Yy0wLjM5MiwwLjUyMi0wLjcyOSwwLjk3MS0wLjcyOSwxLjU0MmMwLDAuMTgzLDAuMDksMC40MDMsMC4xNzIsMC41MDMKCWMwLjA5MSwwLjExMSwwLjEyMiwwLjI2LDAuMDg4LDAuMzk3Yy0wLjAzNiwwLjEzOC0wLjEzNiwwLjI1MS0wLjI3LDAuMzA1bC0xLjI4NSwwLjUxM2MtMC4wNTUsMC4wMjItMC4xMSwwLjAzMy0wLjE2NywwLjAzMwoJYy0wLjEzOSwwLTAuMjczLTAuMDY0LTAuMzYxLTAuMTgzYy0wLjMyNC0wLjQzOS0wLjQ5LTAuOTk0LTAuNDktMS42NDhjMC0xLjEwNCwwLjQ5My0xLjc2NywwLjkyOS0yLjM1CgljMC4zNjItMC40ODcsMC42NDgtMC44NzEsMC42NDgtMS40NjFjMC0wLjI4NS0wLjE4LTAuNzA3LTAuNTY1LTAuNzA3Yy0wLjIxNiwwLTAuMzg2LDAuMDU1LTAuNjEsMC4zNDIKCUM4LjQxOCw2LjA1Nyw4LjI3NCw2LjEzLDguMTM2LDYuMTE0QzcuOTkyLDYuMTA5LDcuODYsNi4wMzUsNy43NzksNS45MTVMNy4wNzMsNC44NTRDNi45NTksNC42ODIsNi45NzUsNC40NTMsNy4xMTYsNC4zMDEKCUM3Ljc0NiwzLjYxNyw4LjU4OSwzLjI0LDkuNDg4LDMuMjRjMS41OTQsMCwyLjc0OCwxLjE1NiwyLjc0OCwyLjc0OEMxMi4yMzYsNy4yMDgsMTEuNjU4LDcuOTc5LDExLjE0OCw4LjY1N3oiLz4KPC9zdmc+);
}

.modelEngineSelector .responsiveTable tbody th .tooltip.hidden {
    display: none;
}

.no-svg .modelEngineSelector .responsiveTable tbody th .tooltip {
    background-image: url(/etc/designs/honda/theme_inclusive/img/car_configurator/css/tooltip.png);
}

/* content row */
.modelEngineSelector tbody .tooltipContent td {
    padding-top: 0;
    padding-bottom: 0;
    border-right: none;
    border-bottom: 2px solid #3B3B3B;
}

.modelEngineSelector .tooltipContent .messageImg {
    margin-bottom: 2.2em;
}

.modelEngineSelector .tooltipContent .messageImg img {
    width: 100%;
}

.modelEngineSelector .tooltipContent .content {
    text-align: left;
}

.modelEngineSelector .tooltipContent .messageOptional {
    display: block;
    margin: 0 0 1em;
    color: #757575;
    font-size: 1em;
}

.modelEngineSelector .tooltipContent .messageTitle {
    margin: 0 0 0.7em;
    color: #3B3B3B;
    font-family: 'ProximaNovaExCnLight';
    font-size: 2em;
}

.modelEngineSelector .tooltipContent .messageTitle:before {
    display: none;
}

.modelEngineSelector .tooltipContent p {
    margin-bottom: 0;
    line-height: 1.6em;
}

.modelEngineSelector .tooltipContent .messageDesc {
    margin-bottom:0.7em;
    color: #757575;
    font-size: 1.3em;
}

.modelEngineSelector .tooltipContent .messagePrice {
    color: #3B3B3B;
	font-family: 'ProximaNovaExCnSbold';
    font-size: 1.385em;
}

.modelEngineSelector .tooltipContent .close {
    clear: both;
    padding-top: 1.9em;
}

.modelEngineSelector .tooltipContent .close a {
    position: relative;
    display: inline-block;
    padding: 14px 40px 12px 20px;
    color: #1F1F1F;
    font-family: "ProximaNovaExCnSbold";
    font-size: 1.077em;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.modelEngineSelector .tooltipContent .close a:before {
    position: absolute;
    right: 20px;
    content: '';
    width: 13px;
    height: 13px;
    background: url('../../img/icons/close.png') no-repeat right top;
}

.modelEngineSelector .tooltipContent .close a:hover {
    color: #FFFFFF;
    background-color: #017D75;
}

.modelEngineSelector .tooltipContent .close a:hover:before {
    background-position: right -17px;
}


/* emissions engine selector */
/* --------------------------------------- */

.modelEngineSelector .theSelector .emmissionRate {
	position: absolute;
	bottom: 0.25em;
	left: 0.4em;
	display: none;
}

.modelEngineSelector .theSelector .checked .emmissionRate {
	display: block;
}

.modelEngineSelector .theSelector .specArrow28Ico:before {
	font-size: 12px;
	line-height: normal;
}

.modelEngineSelector .theSelector .emissionValue {
	color: #B9B9B9;
	font-family: 'ProximaNovaExCnSbold';
	font-size: 1.1em;
	line-height: normal;
}

.modelEngineSelector .theSelector .mesHidden .specArrow28Ico,
.modelEngineSelector .theSelector .mesHidden .emissionValue {
	color: #B9B9B9 !important; /* important to override inline css */
}

/* selected state (visible on mobile only) */
.modelEngineSelectorChosen .mesChoice .emmissionRate {
	left: 0;
	display: none;
}

.modelEngineSelector .selectorWrapper .choiceMade .emissionValue {
	color: #B9B9B9;
}


.mesSpecification .specAccordionControls {
	margin-bottom: 32px;
}

/* caveats */
/* --------------------------------------- */

.modelEngineSelector .caveats li {
	margin: 0 0 0.75em;
	color: #757575;
	font-size: 1.1em;
	line-height: 1.5;
}

.modelEngineSelector .caveats .id {
	font-weight: bold;
}
.section.productRange {
    display: block;
}

.product {
    text-align: center;
}

.product .modelPrice,
.product .modelPrice:first-child {
    margin-bottom: 1.6em;
}

.product .modelPrice img {
    height: 3em;
}

.product .modelPrice p {
    margin: 0.88em 0 0;
    font-family: 'ProximaNovaExCnSbold', sans-serif;
    font-size: 1.8em;
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #3b3b3b;
}

.product .contentWrapper:before {
    display: none;
}

.product .contentWrapperFirst {
    position: relative;
    padding: 1.8em 0 1.2em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.product .contentWrapperFirst:before {
    display: block;
    width: 20px;
    position: absolute;
    top: -0.5em;
    left: 50%;
    margin-left: -10px;
    color: #dc182d;
    background: #f4f3f8;
}

.productAlternate .contentWrapperFirst:before {
    background: white;
}

.product .description {
    margin-top: 1.2em;
    margin-bottom: 1.6em;
}

.product .description p {
    margin-bottom: 0;
    font-family: 'ProximaNovaExCnLight', sans-serif;
    font-size: 2.3em;
    line-height: 1.25;
    color: #3b3b3b;
}

.product .secondaryCta,
.product .reevooBadgeHolder {
    margin-bottom: 0;
    font-size: 1.8em;
}

.product .secondaryCta a,
.product .reevooBadgeHolder .reevoomark {
	font-size: 1em;
}

.product .secondaryCta a {
    margin-right: 0;
}

.product .secondaryCta a:after {
    margin-right: -10px;
}

.product .reevooBadgeHolder .reevoomark_badge {
	margin: 1em auto;
}

/* Product multiple */

.productAlternate {
    background: white;
}

.productAlternate .imageDecoration:before {
    border-left-color: white;
}

.productAlternate .imageDecoration:after {
    border-right-color: white;
}

.productMultiple .modelPrice {
    margin-bottom: 1.6em;
}

.productMultiple .modelPrice h2 {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.productMultiple .contentWrapper {
    margin-bottom: 6.4em;
    padding-bottom: 1.2em;
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

.productMultiple .contentWrapperFirst {
    border-top: 1px solid #ddd;
}

.productMultiple .contentWrapper .modelPrice p {
    margin-top: 0.3em;
}

.module.product{
    margin: 64px 0;
}

.module.moduleFlush.productMultiple{
    padding-bottom: 0;
}

.product .newLabel {
    color: #dc182d;
    display: block;
    font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0.25em;
    margin-top: 0.5em;
}
.simpleHeader {
	padding-bottom: 24px;
	background: #f4f3f8;
}

.simpleHeader .intro {
	text-align: center;
}

.simpleHeader .streetName {
    margin-bottom: 0;
    font-family: 'ProximaNovaExCnSbold', Tahoma, Arial, sans-serif;
    font-size: 1.3em;
    color: #3b3b3b;
    letter-spacing: 1px;
}

.simpleHeader .streetName .newLabel {
    color: #dc182d;
}

.simpleHeader .intro h1 {
	font-size: 2.3em;
    margin-top: 0;
	margin-bottom: 4px;
    text-transform: none;
    color: #1f1f1f;
}

.simpleHeader .intro h1:before {
    display: inline;
    background: transparent;
    height: auto;
    width: auto;
}

.simpleHeader .intro h1:before,
.simpleHeader .intro h1:after{
	content: '-';
	margin: 0 4px 0 0;
}

.simpleHeader .intro h1:after{
    margin-left: 4px;
}

.simpleHeader .intro h2 {
	font-size: 4em;
	color: #dc182d;
    padding-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.sectionContent {
    margin-top: 1.8em;
}

.financialOfferContent {
    text-align: center;
}

.headingBorder {
    margin-bottom: 0.3em;
    padding-bottom: 0.05em;
    font-family: 'ProximaNovaExCnLight', sans-serif;
    font-size: 4em;
    text-transform: uppercase;
    border-bottom: 3px solid #ddd;
    color: #000;
}

.headline {
    margin-bottom: 0.6em;
    font-family: 'ProximaNovaExCnLight', sans-serif;
    font-size: 2.3em;
    line-height: 1;
    color: #3b3b3b;
}

.content .highlight {
    margin-top: 1em;
    margin-bottom: 2.7em;
}

.content .highlight li {
    margin-bottom: 0.1em;
    background: none;
}

.highlight li {
    font-family: 'ProximaNovaExCnLight', sans-serif;
    font-size: 1.8em;
    text-transform: uppercase;
    line-height: 0.9;
    color: #3b3b3b;
}

.highlight .highlightPrice {
    font-family: 'ProximaNovaExCnSReg', sans-serif;
}

.mainPrice {
    margin-left: 0.1em;
    color: #ee1b2f;
}
.mainPrice, .rrpPrice {
    font-size: 1.77em;
    margin-left: 0.1em;
    display: inline-block;
}

.mainPriceBeta {
    color: #000;
}

.financialOffer .secondaryCta,
.financialOffer .secondaryCtaFull {
    padding: 0 30px 0 6px;
    font-size: 1.8em;
}

.financialOffer .financialOfferCtas .secondaryCta,
.financialOffer .financialOfferCtas .secondaryCtaFull {
    padding: 0;
    text-align: left;
}

.financialOffer .financialOfferCtas .secondaryCta a,
.financialOffer .financialOfferCtas .secondaryCtaFull a {
    display: block;
    margin: 0;
}

.financialOffer .financialOfferCtas .secondaryCta a:after,
.financialOffer .financialOfferCtas .secondaryCtaFull a:after {
    position: absolute;
    font-size: 32px;
    right: 4px;
}

.financialOffer .financialOfferCtas a.secondaryCtaFull {
    display: block;
    margin-top: 0;
    padding-right: 30px;
    color: #00803E;
}

.financialOffer .secondaryCta a{
    font-size: 1em;
}

.financialOfferCtas {
    margin-bottom: 1em;
}

.financialOfferCtas .primaryCta {
    font-size: 1.8em;
}
.financialOfferCtas .primaryCta:before {
    top: 5px;
}

.disclaimer {
    padding-top: .5em;
    border-top: 1px solid #ddd;
}

.disclaimer p {
    margin-bottom: 0.6em;
    font-size: 1.3em;
    color: #757575;
}

.disclaimer .tAndCs {
    color: #3b3b3b;
}

/* Financial offer Service */

.content .highlightBeta {
    display: inline-block;
    margin-bottom: 2em;
}

.content .highlightBeta li {
    padding-top: 0.3em;
    padding-left: 0;
}

.content .highlightBeta .highlightPriceLast {
    padding-bottom: 0;
    padding-top: 0.3em;
    border-top: 1px solid #ddd;
}

.highlightBeta .priceCol {
    display: inline-block;
    text-align: left;
}

.highlightBeta .mainPriceBeta {
    margin-right: 0.05em;
    font-size: 2.22em;
}
.featuredFinancialOffer {
	margin-top: 0;
}

.imgMask {
	position: relative;
	display: block;
	max-width: 864px;
	height: 1.8em;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1.7em;
	background-position: center;
	background-repeat: no-repeat;
}

.no-svg .imgMask {
	background-image: url("../../img/image_mask_greyV_2.png");
}

.svg .imgMask {
	background-image: url("../../img/image_mask_greyV_2.svg");
}

.editorialPromotion .imgContainer,
.featuredFinancialOffer .imgContainer {
	max-height: 26.7em;
}

.imgCenter {
	width: 100%;
	height: auto;
}

.featuredFinancialOffer .imgContainer:after {
	position: absolute;
	bottom: 0px;
	color: white;
}

@media screen and (max-width: 864px) {
	.editorialPromotion .imgContainer,
	.featuredFinancialOffer .imgContainer {
		max-height: inherit;
	}
}

/*
.featuredFinancialOffer .reevoomark:after {
	display: none;
}

.featuredFinancialOffer .reevoomark:before {
	position: absolute;
	top: -1px;
	left: -20px;
	display: block !important;
	font-size: 20px;
}
*/

/* reevoo */
.featuredFinancialOffer .reevooBadgeHolder {
    font-size: 1.8em;
}
mobile fallback 
body .mobileFallback{
	line-height: 1;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	background: #fff;
}

.mobileFallback .mobile_ctas a,
.mobileFallback p.main_content,
.mobileFallback a.back {
	font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.mobileFallback .wrapperInner{
	text-align: center;
	background: #fff;
	padding: 0 0 20px;
}

.mobileFallback .header,
.mobileFallback .content{
	background: #f4f3f8;
	padding: 0 5%;
}

.mobileFallback .header{
	font-size: 0.75em;
}

.mobileFallback .mobile_ctas{
	margin: 0 5%;
	background: #00803e;
	text-align: left;
	padding: 1em 0;
}

.mobileFallback .mobile_ctas a{
	text-align: left;
	color: #fff;
	line-height: 2em;
	font-size: 1.3em;
	text-decoration: none;
    font-family: "ProximaNovaExCnSbold";
}

.mobileFallback .find_a_dealer {
	background-image: url(data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI5IiAgPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMS40IDI4LjFsLTcuNS04LjZDMi4yIDE3LjMgMCAxNC41IDAgMTEuNCAwIDUuMSA1LjEgMCAxMS40IDBjNi4zIDAgMTEuNCA1LjEgMTEuNCAxMS40IDAgMy4xLTIuMiA1LjktMy45IDguMUwxMS40IDI4LjF6TTExLjQgMS44Yy01LjMgMC05LjcgNC4zLTkuNyA5LjYgMCAyLjUgMS45IDQuOSAzLjYgN2w2LjEgNi45IDYuMS02LjljMS43LTIuMSAzLjYtNC41IDMuNi03QzIxIDYuMSAxNi43IDEuOCAxMS40IDEuOHpNMTEuNCAxNy41Yy0zLjQgMC02LjEtMi43LTYuMS02LjEgMC0zLjQgMi43LTYuMSA2LjEtNi4xIDMuNCAwIDYuMSAyLjcgNi4xIDYuMUMxNy42IDE0LjcgMTQuOCAxNy41IDExLjQgMTcuNXpNMTEuNCA3Yy0yLjQgMC00LjMgMi00LjMgNC40IDAgMi40IDIgNC40IDQuNCA0LjQgMi40IDAgNC40LTIgNC40LTQuNEMxNS44IDkgMTMuOCA3IDExLjQgN3oiLz4KPC9zdmc+);
}

.mobileFallback ul.mobile_ctas li a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjkiIGhlaWdodD0iMTQiICA+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguNjggNy4wNEwzLjk5IDAuMDIgMC4yOCAwbDQuNzIgNy4wM0wwIDE0LjAybDMuNy0wLjAxTDguNjggNy4wNHoiLz4KPC9zdmc+);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 5%;
    width: 100%;
    display: inline-block;
    color: #fff;
}

.mobileFallback ul.mobile_ctas li{
    clear: left;
    background-repeat: no-repeat;
    background-position: 5% 50%;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
    padding: 0 5% 0 17%;
    width: 75%;
}

.mobileFallback h1{
	position: relative;
	margin: 0;
}

.mobileFallback h1 span:before , 
.mobileFallback h1 span:after,
.mobileFallback .summary .similar_content h3:before , 
.mobileFallback .summary .similar_content h3:after {
	content: '-';
	display: inline-block;
}

.mobileFallback .sub_page h1 {
    padding-bottom: 0.35em;
    color: #EE1B2F;
    border-bottom: 1px solid #D4D4D5;
}

.mobileFallback .sub_page h1:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjI1IiBoZWlnaHQ9IjEyIiAgPjxwYXRoIGZpbGw9IiNFRTIwMzEiIGQ9Ik0yNCAwdjFIMVYwSDB2M2gxVjJoMjN2MS4xaDFWMEgyNHpNMCAxMmgyNXYtNkgwVjEyek0xIDdoMnYyaDF2LTJoMnYyaDF2LTJoMnYyaDF2LTJoMnYyaDF2LTJoMnYyaDF2LTJoMnYyaDF2LTJoMnYyaDF2LTJoMnY0SDFWN3oiLz4KPC9zdmc+);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	width: 15%;
	position: absolute;
	background-color: #F4F3F8;
	height: 15%;
	left: 42.5%;
	bottom: -10%;
	content: '';
}

.mobileFallback h1:before{
	display: none;
}

.mobileFallback .sub_page h1 span,
.mobileFallback .fallbackContainer h1 span {
    display: block;
    margin-bottom: 0.2em;
    color: #3B3B3B;
    font-size: 0.575em;
    letter-spacing: 0.02em;
    line-height: 1em;
    text-transform: none;
}

.mobileFallback h1 span:before{
	padding: 0 3px 0 0;
}

.mobileFallback h1 span:after{
	padding: 0 0 0 3px;
}

.mobileFallback h2.similar_content{
	color: #555;
	padding: 0;
	font-size: 2.2em;
	margin: .7em 0;
	text-align: center;
	letter-spacing: 0.5px;
}

.mobileFallback .content p.main_content{
	font-size: 2em;
	line-height: 1.2em;
	text-transform: none;
	padding: 1em 5%;
}

.mobileFallback a.back {
	background-image: url(data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIiAgPjxwYXRoIGZpbGw9IiMwMDgwNDEiIGQ9Ik03LjQgMTMuNTdsNC42OS03LjAyIDMuNzEtMC4wMiAtNC43MiA3LjAzIDUuMDEgNyAtMy42OS0wLjAxTDcuNCAxMy41N3oiLz4KPC9zdmc+);
	background-repeat: no-repeat;
	background-position: -0.4em center;
    text-align: left;
    font-size: 2.2em;
    line-height: 1.5em;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
	display: block;
	margin: 5% 0;
	padding: 0 0 0 1em;
}
/* ======================================================
BREAK POINTS
====================================================== */
.modelSelector {
  *zoom: 1;
  clear: both; }
  .modelSelector:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }
  .modelSelector .productList {
    display: inline-block;
    width: 100%; }
    .modelSelector .productList li {
      display: inline-block;
      width: 44.45%;
      margin: 0 10% 32px 0;
      font-size: 1em;
      vertical-align: top;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 620px) {
        .modelSelector .productList li:nth-of-type(even) {
          margin-right: 0; } }
  .modelSelector .productType {
    display: none; }
    .modelSelector .productType .productTypeHeading {
      position: relative;
      height: 45px;
      cursor: default; }
      .modelSelector .productType .productTypeHeading:before {
        display: none; }
      .modelSelector .productType .productTypeHeading a {
        position: relative;
        width: 30px;
        height: 45px;
        float: left;
        font-size: 0;
        line-height: 0.3;
        background-color: #00803E; }
        .modelSelector .productType .productTypeHeading a:before {
          position: absolute;
          top: 18px;
          left: 1px;
          content: "\e00b";
          color: #FFF;
          font-family: "glyphs14";
          font-size: 28px; }
    .modelSelector .productType .productTypeTitle {
      float: left;
      margin: 10px 0 0 17px;
      padding: 0;
      color: #1F1F1F;
      font-family: "ProximaNovaExCnLight";
      font-size: 2.6em !important;
      font-weight: normal;
      letter-spacing: -1px;
      line-height: 1em;
      text-transform: uppercase; }
    .modelSelector .productType .productSellTag {
      clear: both;
      padding: 0 0 0 47px;
      font-family: "ProximaNovaExCnSbold";
      font-size: 1.4em !important;
      /* important flag in base.css */
      line-height: 1;
      text-transform: none;
      vertical-align: top;
      white-space: normal;
      word-wrap: normal; }
  .modelSelector a.model {
    display: block;
    line-height: 0;
    text-align: center;
    text-decoration: none;
    border-top: 3px solid transparent;
    background-color: transparent;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease-in-out 0s; }
    .modelSelector a.model .titleHolder {
      position: relative;
      min-height: 33px;
      padding-top: 20px; }
    .modelSelector a.model .subText {
      position: absolute;
      top: 10px;
      display: block;
      width: 100%;
      font-family: "ProximaNovaExCnSbold";
      font-size: 1.4em !important;
      line-height: 0.85em;
      letter-spacing: 1px;
      text-transform: none;
      word-wrap: break-word; }
      .modelSelector a.model .subText em {
        color: #DC182D;
        font-style: normal; }
    .modelSelector a.model .title {
      position: relative;
      display: inline;
      margin: 0;
      padding: 0;
      color: #3B3B3B;
      font-family: "ProximaNovaExCnSbold";
      font-size: 1.8em !important;
      letter-spacing: 1px;
      text-transform: uppercase;
      word-wrap: break-word;
      border-bottom: 1px solid #7FBF9E;
      -moz-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      -webkit-transition: all 0.2s ease-in-out;
      -webkit-transition-delay: 0s;
      transition: all 0.2s ease-in-out 0s; }
      .modelSelector a.model .title span {
        display: none; }
      .modelSelector a.model .title sup {
        position: absolute;
        top: 3px;
        right: -26px;
        width: 25px;
        font-size: 0.7em !important;
        line-height: 1em;
        vertical-align: baseline; }
    .modelSelector a.model img {
      display: block;
      width: 100%;
      height: auto;
      margin-top: 0.77em;
      padding-bottom: 0; }
    .modelSelector a.model:hover {
      cursor: pointer;
      background-color: #F4F3F8; }
      .modelSelector a.model:hover .title {
        color: #017D75;
        border-bottom: 3px solid #017D75; }
  .modelSelector .current > a.model .title {
    color: #DC182D;
    border-bottom: none; }
  .modelSelector .current > a.model:hover {
    border-color: #DC182D;
    background-color: #F4F3F8; }
  .no-js .modelSelector .productList li {
    float: left; }
    .no-js .modelSelector .productList li.productFamily {
      display: inline;
      float: none;
      margin: 0; }
    .no-js .modelSelector .productList li .productType {
      display: inline;
      float: none; }
  .no-js .modelSelector .productType .productTypeHeading {
    display: none; }
  .no-js .modelSelector a.model.productFamily {
    display: none; }
  .csstransitions .modelSelector {
    -moz-transition: height 1.4s 0s;
    -o-transition: height 1.4s 0s;
    -webkit-transition: height 1.4s;
    -webkit-transition-delay: 0s;
    transition: height 1.4s 0s; }
    .csstransitions .modelSelector .productList {
      position: relative;
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -moz-transition-delay: 1.4s;
      -o-transition-delay: 1.4s;
      -webkit-transition-delay: 1.4s;
      transition-delay: 1.4s;
      -moz-transition-duration: 0.7s;
      -o-transition-duration: 0.7s;
      -webkit-transition-duration: 0.7s;
      transition-duration: 0.7s;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -webkit-transition-property: -webkit-transform;
      transition-property: transform; }
      .csstransitions .modelSelector .productList > li > *:not(.productType) {
        opacity: 1;
        -moz-transition: opacity 0.7s 1.4s;
        -o-transition: opacity 0.7s 1.4s;
        -webkit-transition: opacity 0.7s;
        -webkit-transition-delay: 1.4s;
        transition: opacity 0.7s 1.4s; }
    .csstransitions .modelSelector .productType {
      position: absolute;
      left: 100%;
      top: 0;
      width: 100%;
      display: block;
      opacity: 0;
      -webkit-transition-property: opacity, -webkit-transform;
      transition-property: opacity, transform;
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      -moz-transition-duration: 0.7s;
      -o-transition-duration: 0.7s;
      -webkit-transition-duration: 0.7s;
      transition-duration: 0.7s;
      -moz-transition-delay: 0.7s;
      -o-transition-delay: 0.7s;
      -webkit-transition-delay: 0.7s;
      transition-delay: 0.7s; }
      .csstransitions .modelSelector .productType .productTypeHeading {
        opacity: 0;
        -moz-transition: opacity 0.7s 0s;
        -o-transition: opacity 0.7s 0s;
        -webkit-transition: opacity 0.7s;
        -webkit-transition-delay: 0s;
        transition: opacity 0.7s 0s; }
    .csstransitions .modelSelector.showSecondaryMenu .productList {
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .csstransitions .modelSelector.showSecondaryMenu .productList > li > *:not(.productType) {
        opacity: 0;
        cursor: default;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
    .csstransitions .modelSelector.showSecondaryMenu .active .productType {
      opacity: 1;
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0); }
      .csstransitions .modelSelector.showSecondaryMenu .active .productType .productTypeHeading {
        opacity: 1;
        -moz-transition-delay: 1.4s;
        -o-transition-delay: 1.4s;
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s; }
  .no-csstransitions .modelSelector .productList {
    position: relative;
    left: 0; }
  .no-csstransitions .modelSelector .productType {
    position: absolute;
    left: 100%;
    top: 0;
    display: block !important;
    width: 100%;
    text-align: left;
    visibility: hidden; }
  .no-csstransitions .modelSelector.showSecondaryMenu .productList {
    left: -100%; }
    .no-csstransitions .modelSelector.showSecondaryMenu .productList > li > a.model,
    .no-csstransitions .modelSelector.showSecondaryMenu .productList > li > .reevooBadgeHolder,
    .no-csstransitions .modelSelector.showSecondaryMenu .productList > li > .reevooGroup,
    .no-csstransitions .modelSelector.showSecondaryMenu .productList > li > .learnMore {
      visibility: hidden; }
    .no-csstransitions .modelSelector.showSecondaryMenu .productList .active .productType {
      visibility: visible; }
  .brandReviews .modelSelector {
    		/*
    .reevooGroup,
    		.reevooBadgeHolder,
    		.learnMore {
    			margin: 1.2em 0;
    			text-align: center;
    		}
    		.reevooGroupLink,
    		.reevoomark,
    		.learnMore a {
    			position: relative;
    			margin: 0 0 0 12px;
    			font-size: 1.4em !important;
    			line-height: 20px;
    			&:after {
    				display: none;
    			}
    			&:before {
    				position: absolute;
    				top: -1px;
    				left: -20px;
    				display: block;
    				font-size: 20px;
    			}
    		}
    		.reevooGroup,
    		.reevooBadgeHolder {
    			min-height: 36px;
    		}
    		.reevooGroupLink,
    		.reevoomark {
    			line-height: 36px;
    		}
    */
    		/*
    .reevoomark_badge { // '.reevoomark_badge' markup is injected by reevoo js
    			margin: 0 auto;
    		}
    */ }
    .brandReviews .modelSelector ul li, .brandReviews .modelSelector ul li:nth-child(2) {
      min-width: 175px; }
    @media screen and (max-width: 436px) {
      .brandReviews .modelSelector ul li, .brandReviews .modelSelector ul li:nth-of-type(1n) {
        width: 100%;
        margin-right: 0; } }
    .no-js .brandReviews .modelSelector li.productFamily > .reevooGroup,
    .no-js .brandReviews .modelSelector li.productFamily > .learnMore {
      display: none; }
    .no-js .brandReviews .modelSelector .reevooGroup,
    .no-js .brandReviews .modelSelector .reevooBadgeHolder {
      min-height: 0; }
  .cq-wcm-edit .modelSelector .productType {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    display: block;
    opacity: 1;
    transform: translateX(0);
    transition: none !important; }
    .cq-wcm-edit .modelSelector .productType img {
      width: 40%; }
#servicePlanLookup {
	background: #fff;
}

#servicePlanLookup form {
    overflow: hidden;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    max-height: 99em;
    opacity: 1;
}
#servicePlanLookup .formSubmissionMessage  {
    clear: both;
    padding: 0 0 32px;
    text-align: center;
    margin-top: -52px;
}

#servicePlanLookup .formSubmissionMessage .success,
#servicePlanLookup .formSubmissionMessage .fail {
    display: none;
    color: #7D7D7D;
    font-size: 2.2em;
    line-height: 1.4em;
    font-family: "ProximaNovaExCnSReg";
}


#servicePlanLookup form.hide  {
    max-height: 0;
    opacity: 0;
}

#servicePlanLookup form.hide + .formSubmissionMessage {
    padding-top:32px;
    margin-top: 0;
}

.no-js .specificationsPage {
	display: none;
}

/* left/right padding moved into '.productSelectorList .variant' */
@media only screen and (max-width: 619px) {
	.productSelector .wrapperInner {
		padding: 0;
	}
}

.productSelector {
	position: relative;
	margin: 0;
	z-index: 1;
}

/* variant intro copy */
/* ------------------------------------------------- */
.productSelector .intro {
	margin: 0 0 1.1em;
	color: #3B3B3B;
	font-family: 'ProximaNovaExCnLight';
	font-size: 2.2em;
	line-height: 1;
	text-align: center;
	background-color: #F4F3F8;
}


/* selected variant name */
/* ------------------------------------------------- */
.productSelector .selectedVariant {
	margin: 0;
	padding: 0.7em 0 0.6em;
	color: #FFF;
	font-family: 'ProximaNovaExCnLight';
	font-size: 2em;
	letter-spacing: normal;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	background-color: #00803f;
}

.specificationsPage .themeBeta .selectedVariant,
.specificationsPage .themeEta .selectedVariant {
	background-color: #0c445a;
}

.specificationsPage .themeZeta .selectedVariant {
	background-color: #1a5a73;
}

.specificationsPage .themeGamma .selectedVariant,
.specificationsPage .themeDelta .selectedVariant,
.specificationsPage .themeTheta .selectedVariant {
	background-color: #161415;
}

.specificationsPage .themeEpsilon .selectedVariant {
	background-color: #3e3938;
}

.productSelector .selectedVariant:before,
.productSelector .selectedVariant:after {
	display: none;
}



/* variant list trigger */
/* ------------------------------------------------- */

/* opened state */
.productSelector .trigger {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	margin-bottom: 0.8em;
	border-top: 3px solid #00803E;
	text-align: center;
}

.productSelector .trigger a {
	position: relative;
	width: auto;
	min-width: 19.2em;
	min-height: 2.8em;
	display: inline-block;
	margin: 0 auto;
	padding: 0 5px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #00803E;
}

.productSelector .trigger .title {
	display: inline-block;
	min-height: 1.9em;
	padding: 0 0 0 2em;
	font-size: 1.4em;
	line-height: 1.95;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxjaXJjbGUgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGN4PSI2IiBjeT0iNiIgcj0iNiIgLz4KCTxyZWN0IHg9IjMiIHk9IjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDA4MDNFIiB3aWR0aD0iNiIgaGVpZ2h0PSIyIiAvPgo8L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.productSelector .trigger .title .count {
	display: inline-block;
	margin-bottom: -1em;
	font-size: 1.2em;
	font-family: "ProximaNovaExCnSbold";
}

.productSelector .trigger a:before,
.productSelector .trigger a:after {
	position: absolute;
	top: 0;
	content: '';
	display: block;
	width: 2.1em;
	min-height: 2.8em;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.productSelector .trigger a:before {
	left: -2em;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIxcHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDIxIDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CgkJCQkJCQkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDgwM0UiIGQ9Ik0wLjMzNSwwLjAwNUMtMy4xMTYsLTEsMjIsLTEsMjIsMHMwLDI0LjQ1NiwwLDI4IEMxMC41NDMsMjgsMTguMzQ3LDAuMDA1LDAuMzM1LDAuMDA1eiIgLz4KCQkJCQkJCTwvc3ZnPg==);
}

.productSelector .trigger a:after {
	right: -2em;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIxcHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDIxIDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMSAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CgkJCQkJCQkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDgwM0UiIGQ9Ik0tMC4wMDMsMjhjMC0zLjU0NCwwLTI3LDAtMjhzMjQuMTE2LDAuMDA1LDIyLDAuMDA1IEM0LjY1LDAuMDA1LDEwLjQ1NCwyOC0wLjAwMywyOHoiIC8+CgkJCQkJCQk8L3N2Zz4=);
}

/* closed state */
.productSelector .trigger.closed {
	border-top: 0;
}

.productSelector .trigger.closed .title {
	line-height: 1.7;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxjaXJjbGUgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGN4PSI2IiBjeT0iNiIgcj0iNiIgLz4KCTxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDA4MDNFIiBwb2ludHM9IjksNSA3LDUgNywzIDUsMyA1LDUgMyw1IDMsNyA1LDcgNSw5IDcsOSA3LDcgOSw3IiAvPgo8L3N2Zz4=);
}


/* variant list */
/* ------------------------------------------------- */
.productSelectorList {
	background-color: #F4F3F8;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.productSelectorList {
	margin-bottom: 0;
	overflow: hidden;
	max-height: 200em; /* default height- without animation won't trigger */
	-webkit-transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;
	transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

.productSelectorList li {
	border-bottom: 1px solid #DDDDDD;
}

.productSelectorList li:last-child {
	border-bottom: 0;
}


/* closed state */
.productSelectorList.closed[data-variant-count='2'],
.productSelectorList.closed[data-variant-count='3'],
.productSelectorList.closed[data-variant-count='4'],
.productSelectorList.closed[data-variant-count='5'],
.productSelectorList.closed[data-variant-count='6'],
.productSelectorList.closed[data-variant-count='7'],
.productSelectorList.closed[data-variant-count='8'] {
	opacity: 0;
	max-height: 0;
}


/* variants */
/* ------------------------------------------------- */

/* normal/unselected state */
.productSelectorList .variant {
	position: relative;
	display: block;
	padding: 1.15em 1em 1.35em;
	text-decoration: none;
}

.productSelectorList .variant .name {
	color: #3B3B3B;
	font-family: 'ProximaNovaExCnSReg';
	line-height: 1;
	text-transform: uppercase;
	border-bottom: 1px solid #7AB99B;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.no-touch .productSelectorList .variant:hover .name {
	border-bottom: 3px solid #017D75;
    color: #017D75;
}

.productSelectorList .variant .description {
	display: block;
	margin-top: 0.9em;
	color: #585858;
	font-size: 0.815em;
}

/* selected state */
.productSelectorList .selected .variant {
	cursor: default;
}

.productSelectorList .selected .variant:before {
	position: absolute;
	top: 1.4em;
	right: 1em;
	width: 1em;
	height: 1em;
	content: '';
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0RDMTgyRCIgY3g9IjgiIGN5PSI4IiByPSI4Ii8+Cjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTEuMzEyLDQuMjUzIDUuODY1LDkuNjk5IDMuNzE5LDcuNTUzIDIuNTUzLDguNzIgNC42OTgsMTAuODY2IDUuODY1LDEyLjAzMiA3LjAzMiwxMC44NjYgCgkxMi40NzksNS40MiAiLz4KPC9zdmc+);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.productSelectorList .selected .variant .name {
	color: #DC182D;
	border-bottom: 0;
}

.productSelectorList .selected .variant .description {
	color: #9B9B9C;
}


/* svg fallback */
/* ------------------------------------------------- */
.no-svg .productSelector .trigger .title,
.no-svg .productSelectorList .selected .variant:before {
	background: url('/etc/designs/honda/theme_inclusive/img/variant_selector/sprite_icons.png') no-repeat 0 0;
}

.no-svg .productSelector .trigger a:before,
.no-svg .productSelector .trigger a:after {
	background: url('/etc/designs/honda/theme_inclusive/img/variant_selector/sprite_corners.png') no-repeat 0 0;
}

.no-svg .productSelector .trigger .title {
	background-position: 0 -79px;
}

.no-svg .productSelector .trigger.closed .title {
	background-position: 0 8px;
}

.no-svg .productSelector .trigger a:before {
	background-position: 2px -138px;
}

.no-svg .productSelector .trigger a:after {
	background-position: -20px -138px;
}

.no-svg .productSelectorList .selected .variant:before {
	background-position: right -184px;
}
.selectedProductStage {
	margin: 0;
	background: #fff;
}

.selectedProductStage .wrapperInner {
	position: relative;
}

.selectedProductStage .currentChoice  {
	text-align: center;
	position: relative;
}

.selectedProductStage .currentChoice h4 {
	width: 75%;
	margin: 0 auto 0.7em;
}

.selectedProductStage .currentChoice p {
	font-size: 1.2em;
	margin-bottom: 0.3em;
}

.selectedProductStage .imgWrap {
	position: relative;
	width: 70%;
	margin: 0 auto 1em;
	padding-top: 3.7em;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.selectedProductStage img {
	width: 100%;
	height: auto;
}

.disclaimerWrapper {
	clear: both;
	padding: 0 0 3em;
	margin-top: -.6em;
}

.selectedProductStage .selectedProductInfo dl dt,
.selectedProductStage .selectedProductInfo dl dd {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
	display: inline-block;
}

.selectedProductStage .selectedProductInfo dl dt {
	clear: both;
	text-align: right;
}
.selectedProductStage .selectedProductInfo dl dd {
	font-family: "ProximaNovaExCnLight", sans-serif;
	text-align: left;
	color: #dc182d;
	font-size: 2.4em;
	line-height: 2;
	margin-top: -0.6em;
}

.selectedProductStage .selectedProductInfo dd:last-child,
.selectedProductStage .selectedProductInfo dt:nth-last-child(2) {
	width: 100%;
	text-align: center;
}

.selectedProductStage .selectedProductInfo dd:last-child {
	font-size: 1em;
	line-height: 2.4em;
	margin: 0 0 .4em;
	padding: 1.4em 0 0;
}

.selectedProductStage .selectedProductInfo dd:last-child .fullPrice,
.selectedProductStage .selectedProductInfo dd:last-child .formattedPriceTwo {
	font-size: 3.4em;
}

/* 'Buy Now' link */
.selectedProductStage .selectedProductInfo .buyNowCta {
	position: relative;
	top: -0.3em;
	display: inline-block;
	margin: 0 0 1em 1em;
}

/* animations */

.selectedProductStage .imgWrap img {
	position: absolute;
	left: -99999px;
}

.selectedProductStage .imgWrap .active {
	position: relative;
	left: auto;
}

.cssanimations .selectedProductStage .imgWrap .activeAnimate {
	opacity: 1;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-name: showImage;
	animation-duration: 1.5s;
	animation-name: showImage;
}

@-webkit-keyframes showImage {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes showImage {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.selectedProductStage .controls {
	display: none;
}

.selectedProductStage .rotate {
	position: absolute;
	top: 50%;
	width: 65px;
	height: 65px;
	margin: -32px 0 0;
	padding: 0;
	border: 0;
	background: #e6e5e9;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #e6e5e9;
}

.selectedProductStage .rotate:before {
	width: 28px;
	height: 28px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	color: #00803e;
}

.selectedProductStage .rotateClockwise {
	left: -32px;
}

.selectedProductStage .rotateClockwise:before {
	right: 5px;
}

.selectedProductStage .rotateAntiClockwise {
	right: -32px;
}

.selectedProductStage .rotateAntiClockwise:before {
	left: 5px;
}
.productSpecificationAccordion {
	margin-bottom: 6em;
}

.specificationsPage .specificationAccordion h3 {
    margin-bottom: 0.833em;
    text-align: center;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.8em;
}

.specificationAccordion h3 .noteTriangleIcon {
    vertical-align: middle;
}

.specificationAccordion h3 .hideIcon {
    display: none;
}

.productSpecificationAccordion h4 {
    letter-spacing: normal;
}

.productSpecificationAccordion .panel ul li div.content table td {
    width: 50%;
    padding-left: 3%;
    padding-right: 3%;
    vertical-align: top;
}

.productSpecificationAccordion .panel ul li:last-child {
	border-bottom: 1px solid #00803E;
}

.productSpecificationAccordion .trigger a {
    padding-right: 40px;
}

.productSpecificationAccordion .trigger a span.icon {
    right: 14px;
}

.touch .productSpecificationAccordion .trigger a:hover {
    color: #00803e;
    border-top: 3px solid #ddd;
    border-bottom: 3px solid #00803e;
    background: transparent;
}

.touch .productSpecificationAccordion .trigger a:hover span.icon:before {
    color: #00803e;
}

.productSpecificationAccordion .panel ul li div.content table td.result {
    text-align: left;
}

.legalFooterContent .hideCaveats {
    display: none;
}
.bottomSelector {
    margin-top: 0;
    margin-bottom: 64px;
}

.bottomSelector .imgWrap {
    float: left;
    width: 20%;
}

.bottomSelector .imgWrap img {
    width: 100%;
}

.bottomSelector li a {
    overflow: hidden;
    padding: 0.8em 1em 0.35em;
}

.bottomSelector .variant {
    padding: 0.8em 1em 0.4em;
    overflow: hidden;
}


.bottomSelector .selected .variant:before {
    top: 0.95em;
}

.bottomSelector .textContainer {
    width: 74.1%;
    float: left;
    margin-left: 5.9%;
}

.specificationsPage .keyFeatures .icon {
    background-color: #00803e;
}

.specificationsPage .themeBeta .icon,
.specificationsPage .themeZeta .icon,
.specificationsPage .themeEta .icon {
    background-color: #1a5a73;
}

.specificationsPage .themeGamma .icon,
.specificationsPage .themeDelta .icon,
.specificationsPage .themeTheta .icon {
    background-color: #3a4247;
}

.specificationsPage .themeEpsilon .icon {
    background-color: #585858;
}
/* ------------------------------------------- */
/* step indicator */
/* ------------------------------------------- */

.taxCalculator .stepIndicator {
	display: none;
	margin-top: -3.2em;
	text-align: center;
}

.js .taxCalculator .stepIndicator {
	display: block;
}

.taxCalculator .stepIndicator ul {
	margin-bottom: 0.9em;
}

.taxCalculator .stepIndicator ul li {
	display: inline-block;
	width: 1.6em;
	height: 1.6em;
	margin: 0.15em;
	color: #b3b3b3;
	font-family: 'ProximaNovaExCnSReg';
	font-size: 1.6em;
	line-height: 1.6em;
	border: 1px solid #B3B3B3;
	border-radius: 100%;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.taxCalculator .stepIndicator ul li.active {
 	color: #FFF;
 	border-color: #DC182D;
 	background-color: #DC182D;
}

.taxCalculator .stepIndicator ul li.complete {
 	color: #FFF;
 	cursor: pointer;
 	border-color: #CBCBCB;
 	background-color: #CBCBCB;
}



/* ------------------------------------------- */
/* step content wrappers */
/* ------------------------------------------- */

.taxCalculator .stepContent {
	display: none;
}

.js .taxCalculator .stepContent.active {
	display: block;
}


/* ------------------------------------------- */
/* cancel link */
/* ------------------------------------------- */

.taxCalculator .cancel {
	position: absolute;
	width: 20px;
	height: 20px;
	text-indent: -10em;
	overflow: hidden;
	z-index: 2;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+IDxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIi8+IDxwYXRoIGZpbGw9IiMwMDgwM0UiIGQ9Ik0xNC41NTYgNy4wMzVsLTEuNTkzLTEuNTkxTDEwIDguNDA3IDcuMDM2IDUuNDQ0IDUuNDQ0IDcuMDM1bDIuOTYzIDIuOTY0IC0yLjk2MyAyLjk2MiAxLjU5MiAxLjU5NEwxMCAxMS41OTJsMi45NjQgMi45NjMgMS41OTItMS41OTQgLTIuOTY0LTIuOTYyTDE0LjU1NiA3LjAzNXoiLz4gPC9zdmc+');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.taxCalculator .cancel:hover {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBmaWxsPSIjMDE3RDc1IiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LjU1Niw3LjAzNWwtMS41OTMtMS41OTFMMTAsOC40MDdMNy4wMzYsNS40NDRMNS40NDQsNy4wMzVsMi45NjMsMi45NjRsLTIuOTYzLDIuOTYybDEuNTkyLDEuNTk0CglMMTAsMTEuNTkybDIuOTY0LDIuOTYzbDEuNTkyLTEuNTk0bC0yLjk2NC0yLjk2MkwxNC41NTYsNy4wMzV6Ii8+Cjwvc3ZnPg==');
}

.no-svg .taxCalculator .cancel,
.no-svg .taxCalculator .cancel:hover {
	content: ' ';
	background-image: url('../../img/icons/sprite_remove.png');
	background-position: 0 -40px;
}

.no-svg .taxCalculator .cancel:hover {
	background-position: 0 -20px;
}



/* ------------------------------------------- */
/* model selector */
/* ------------------------------------------- */

.taxCalculator .modelSelector .wrapperInner {
	padding: 0;
}

.taxCalculator .modelSelector .taxModelBody {
	position: relative;
	min-height: 260px;
	overflow: hidden;
	margin: 0 0 0.8em;
	padding: 0 32px;
	font-size: 1em;
	text-align: center;
	background-color: #FFF;
}

.taxCalculator .modelSelector .taxModelBody:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	content: '';
	background: url('../../img/icons/ajax_loader_bg_light_anim.gif') no-repeat center center;
}

/* default state */
.taxCalculator .modelSelector .model {
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
	cursor: default;
	z-index: 1;
}

.taxCalculator .modelSelector .titleHolder {
    min-height: 33px;
    padding-top: 3.2em;
    position: relative;
}

.taxCalculator .modelSelector .titleHolder .subText {
	position: absolute;
	top: 1.7em;
	width: 100%;
	color: #E34657;
	font-family: 'ProximaNovaExCnSbold';
	font-size: 1.3em !important; /* why is there an important flag on the p */
	letter-spacing: 1px;
	line-height: 1;
	text-transform: normal;
}

.taxCalculator .modelSelector .titleHolder .subText em {
    color: #DC182D;
    font-style: normal;
}

.taxCalculator .modelSelector .titleHolder .title {
	position: relative;
	display: inline;
	margin: 0 0 0.65em;
    padding: 0;
    color: #3B3B3B;
    font-family: 'ProximaNovaExCnLight';
    font-size: 2.6em !important;
	line-height: 1.4em;
	text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.taxCalculator .modelSelector img {
	width: 100%;
	max-width: 256px;
	margin: 1.6em 0 3.2em;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

/* ready state */
.taxCalculator .modelSelector .taxModelBody.ready:before {
	content: ' '; /* !IMPORTANT - extra space is to force content change to ensure ie8 redraws the pseudo elements */
	display: none;
}

.taxCalculator .modelSelector .ready .model {
	cursor: pointer;
}

.taxCalculator .modelSelector .ready .model .titleHolder .title {
	border-bottom: 1px solid #7FBF9E;
}

.taxCalculator .modelSelector .ready .model:hover .titleHolder .title {
	color: #017D75;
	border-bottom: 3px solid #017D75;
}

.taxCalculator .modelSelector .ready img {
	opacity: 1;
}

/* edit state */
.taxCalculator .modelSelector form {
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	z-index: 2;
}

.taxCalculator .modelSelector form > p {
	margin: 0 5% 1.1em;
	font-family: 'ProximaNovaExCnSbold';
	font-size: 1.6em !important;
}

.taxCalculator .modelSelector form select {
	width: 90%;
	height: 25px;
	margin: 0 5% 1.4em;
	font-size: 1.2em;
}

.taxCalculator .modelSelector form select[disabled] {
    color: #B2B1B4;
    background: #E6E5E9;
}

/* styles from base.css - .visuallyHidden */
.taxCalculator .modelSelector form label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}

.taxCalculator .modelSelector form button {
	display: block;
	width: 100%;
	margin: 1.6em 0 0;
	padding: 0 0.4em;
	color: #FFF;
	font-family: 'ProximaNovaExCnSbold';
	font-size: 1.8em;
	line-height: 42px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	background-color: #00803E;
}

.taxCalculator .modelSelector form button:before {
	display: none;
}

.taxCalculator .modelSelector form button .title {
	position: relative;
	letter-spacing: 2px;
}

.taxCalculator .modelSelector form button .title:after {
	position: absolute;
	top: 0;
	right: -20px;
	font-size: 20px;
	content: '\e00a';
	font-family: 'glyphs14';
	speak: none;
	line-height: 1;
	vertical-align: top;
}

.taxCalculator .modelSelector form button.disabled {
    color: #B2B1B4;
    border: none;
    background-color: #E6E5E9;
}

.taxCalculator .modelSelector .cancel {
	top: 24px;
	right: 24px;
	display: none;
}

/* edit/active mode */
.taxCalculator .modelSelector .active img {
	visibility: hidden;
}

.taxCalculator .modelSelector .active .cancel,
.taxCalculator .modelSelector .active form {
	display: block;
}

/* error state */
.taxCalculator .modelSelector .error .model {
	cursor: default;
}

.taxCalculator .modelSelector .error .model .titleHolder .title,
.taxCalculator .modelSelector .error .model:hover .titleHolder .title {
	color: #3B3B3B;
	border-bottom: none;
}

.taxCalculator .modelSelector .error .errorMessage {
	margin: 1.6em 0px 3.2em;
	font-size: 1.3em;
}


/* ------------------------------------------- */
/* selected model details */
/* ------------------------------------------- */

.taxCalculator .selectedModel {
	margin: 6.4em 0 8.3em;
}

.taxCalculator .selectedModel .wrapperInner {
	margin-left: -5%;
	margin-right: -5%;
}

@media screen and (min-width: 480px) {
	.taxCalculator .selectedModel .wrapperInner {
		margin-left: -6.6666667%;
		margin-right: -6.6666667%;
	}
}

.taxCalculator .selectedModel .upper {
	position: relative;
	padding: 2.6em 16px 3.2em 150px;
	background-color: #FFF;
}

.taxCalculator .selectedModel img {
	position: absolute;
	top: -42px;
	left: -128px;
	max-width: 256px;
}

.taxCalculator .selectedModel h3 {
	margin-bottom: 0.1em;
	color: #DC182D;
	font-size: 2.6em;
	text-transform: uppercase;
}

.taxCalculator .selectedModel h3 sup {
	font-size: 0.5em;
}

.taxCalculator .selectedModel p {
	margin-bottom: 0;
	color: #757575;
	font-size: 1.4em;
}

.taxCalculator .selectedModel .badge {
	color: #3B3B3B;
}

.taxCalculator .selectedModel .engine {
	margin-bottom: 0.6em;
}

.taxCalculator .selectedModel .simpleCta {
	font-size: 1.2em;
}

.taxCalculator .selectedModel .simpleCta a {
	color: #3B3B3B;
	text-decoration: none;
	border-bottom: 1px solid #7FBF9E;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.taxCalculator .selectedModel .simpleCta a:hover {
	color: #017D75;
	border-bottom: 3px solid #017D75;
}

.taxCalculator .selectedModel .col {
	float: none;
}

.taxCalculator .selectedModel .col + .col {
	margin-top: 2.4em;
	padding-top: 1.8em;
	border-top: 1px solid #DDD;
}

.taxCalculator .selectedModel .col h3 {
	position: relative;
	margin: 0;
	padding: 0;
	color: #3B3B3B;
	line-height: 1;
}

.taxCalculator .selectedModel .col h3:after {
	position: absolute;
	top: 0.1em;
	right: 0;
	width: 20px;
	height: 20px;
	content: '';
	cursor: pointer;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIG5hbWU9IkluZm9ybWF0aW9uICh3aGl0ZSBvbiBncmVlbikiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3QgeD0iNSIgeT0iMiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjkiIGhlaWdodD0iMTUiLz48cGF0aCBmaWxsPSIjMDA4MDNFIiBkPSJNOS41IDBDNC4yIDAgMCA0LjMgMCA5LjZzNC4yIDkuMiA5LjUgOS4yYzUuMiAwIDkuNS0zLjkgOS41LTkuMlMxNC43IDAgOS41IDB6TTkuNSAyLjdjMC45IDAgMS42IDAuNyAxLjYgMS42IDAgMC45LTAuNyAxLjYtMS42IDEuNi0wLjkgMC0xLjYtMC43LTEuNi0xLjZDNy45IDMuNCA4LjYgMi43IDkuNSAyLjd6TTEyLjYgMTUuNmgtMS42SDcuOSA2LjN2LTEuNWgxLjZWOS4ySDYuM1Y3LjdoMS42IDMuMnYxLjUgNC45aDEuNlYxNS42eiIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.taxCalculator .selectedModel .col.active {
	border-top: 3px solid #DC182D;
}

.taxCalculator .selectedModel .col.active h3,
.taxCalculator .selectedModel .col.active p {
	color: #DC182D;
}

.taxCalculator .selectedModel .moreInfo {
	position: relative;
	display: none;
	padding: 2em 67px 2em 16px;
	border-bottom: 3px solid #FFF;
}

.taxCalculator .selectedModel .moreInfo p {
	margin: 0;
	font-size: 1.3em;
}

.taxCalculator .selectedModel .moreInfo .cancel {
	top: 16px;
	right: 16px;
}


/* ------------------------------------------- */
/* form builder */
/* ------------------------------------------- */

.taxCalculator .formBuilder .formBuilderModule,
.taxCalculator .formBuilder .submitContainer {
    background-color: transparent;
}

.taxCalculator .formBuilder .submitContainer .primarySubmitButton {
	float: none;
	margin-top: 32px;
}

.taxCalculator .formBuilder .formField {
	padding-top: 3.6em;
	background-color: #FFF;
}

.taxCalculator .formBuilder .formField:first-child .heading .requiredMessage {
	display: block;
	width: 35%;
}

.taxCalculator .formBuilder .formField:first-child .heading .title {
	width: 65%;
}

.js .taxCalculator .formBuilder .formField ~ .formField {
	margin-top: -2.8em;
}

.js .taxCalculator .formBuilder .formFieldControlGroup.toggle label {
	width: auto;
	padding-left: 16px;
	padding-right: 16px;
	color: #00803E;
	background-color: #E1E4EA;
}

.js .taxCalculator .formBuilder .formFieldControlGroup.toggle label:hover,
.js .taxCalculator .formBuilder .formFieldControlGroup.toggle label:focus {
    color: #FFF;
    background-color: #017D75;
}

.js .taxCalculator .formBuilder .formFieldControlGroup.toggle label.selected,
.js .taxCalculator .formBuilder .formFieldControlGroup.toggle label.selected:hover,
.js .taxCalculator .formBuilder .formFieldControlGroup.toggle label.selected:focus {
    color: #FFF;
    background-color: #DC182D;
}

.js .taxCalculator .formBuilder .formFieldControlGroup.toggle label.selected .title:after {
	background-position: 0px -70px;
}

/* ajax request mask */
.taxCalculator .formBuilder {
	position: relative;
}

.taxCalculator .formBuilder .ajaxLoader {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba( 244, 243, 248, 0.8 ); /* #F4F3F8 */
	z-index: 100;
}

.taxCalculator .formBuilder .ajaxLoader:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	content: '';
	background: url('../../img/icons/ajax_loader_bg_light_anim.gif') no-repeat center center;
}



/* ------------------------------------------- */
/* tax calc results */
/* ------------------------------------------- */

.taxCalculator .taxCalculatorResults {
	margin-top: 0;
}

.taxCalculator .taxCalculatorResults .wrapperInner {
	padding: 0;
}

/* error */
.taxCalculator .taxCalculatorResults .errorMessage {
	margin: 0 0 6.4em;
	padding: 1.6em 14px;
	background-color: #FFF;
}

/* ------------------------------------------- */
/* results table */
/* ------------------------------------------- */

.taxCalculator .comparisonTable {
	margin-bottom: 6.4em;
	background-color: #FFF;
}

.taxCalculator .comparisonTable .monthly,
.taxCalculator .comparisonTable .yearly {
	display: block;
}

.taxCalculator .comparisonTable td {
	font-size: 1em;
}

.taxCalculator .comparisonTable .productDetails,
.taxCalculator .comparisonTable .compareDetails {
	color: #555;
	font-size: 1.3em;
	text-align: left;
}

.taxCalculator .comparisonTable .yearly {
	margin-top: 0.3em;
	color: #757575;
}

.taxCalculator .comparisonTable .total {
	border-top: none;
}

.taxCalculator .comparisonTable .total,
.taxCalculator .comparisonTable .total th,
.taxCalculator .comparisonTable .total td {
	background-color: #DC182D;
}

.taxCalculator .comparisonTable .total th,
.taxCalculator .comparisonTable .total .name,
.taxCalculator .comparisonTable .total .yearly,
.taxCalculator .comparisonTable .total .productDetails,
.taxCalculator .comparisonTable .total .compareDetails {
	color: #FFF;
}

.taxCalculator .comparisonTable .total .monthly {
	font-size: 1.769em;
	line-height: 1em;
}

.taxCalculator .comparisonTable .total td,
.taxCalculator .comparisonTable .total .productDetails,
.taxCalculator .comparisonTable .total .compareDetails {
	border-color: #FFF;
}


/* ------------------------------------------- */
/* cta's */
/* ------------------------------------------- */

.taxCalculator .iconCta {
	padding: 0 6.4516129%;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
	.taxCalculator .iconCta {
		padding: 0 5.20833333%;
	}
}

.taxCalculator .iconCta .phoneNumberDiamond56Ico:before {
	top: 12px;
}


/* ------------------------------------------- */
/* print icon
/* ------------------------------------------- */

.taxCalculator .printwin {
	display: none;
}


/* ------------------------------------------- */
/* CQ edit mode amends - keep at end of file */
/* ------------------------------------------- */

/* content panels */
.cq-wcm-edit .taxCalculator .stepContent {
	position: relative;
	display: block;
	margin-top: 6em;
	padding-top: 8em;
}

.cq-wcm-edit .taxCalculator .modelSelector .models .taxModelBody {
	display: block;
}

.cq-wcm-edit .taxCalculator div[class^='cq-element'],
.cq-wcm-edit .taxCalculator div[class*=' cq-element'] {
	clear: both;
}
.updatesAndRecalls {
	background-color: #FFF;
}

/* intro */
.updatesAndRecalls .pageIntro {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 6.4em;
}

/* main */
.updatesAndRecalls .formBuilderModule {
	margin-top: 3.2em;
}

.updatesAndRecalls .info {
	margin: 3.2em 0;
}

.updatesAndRecalls .formBuilder .info h3.separator {
	border-top: 1px solid #DDD;
	margin-top: 32px;
	padding-top: 26px;
}

/* results */
.updatesAndRecalls .vinCheckResult {
	display: none;
}

.updatesAndRecalls .vinCheckResult ul {
	margin: 1.5em 0;
	padding: 1.5em 16px 1px;
	background-color: #F4F3F8;
}

.updatesAndRecalls .vinCheckResult ul li {
	font-weight: bold;
	margin-bottom: 1.5em;
}

.updatesAndRecalls .vinCheckResult .secondaryCta {
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: none;
}

.updatesAndRecalls .vinCheckResult .noRecall {
	font-weight: bold;
}