@charset "utf-8";
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body {
	margin: 0;
	padding: 0;
	background: #eae9e6 !important;
	color: #666;
	font: normal 13px gotham-lightgotham-light, sans-serif;
	line-height: normal;
	overflow-x: hidden;
}
*, :after, :before {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	margin: 0;
	padding: 0
}
li, ul {
	margin: 0;
	padding: 0;
	list-style: none
}
img {
	max-width: 100%
}
a {
	outline: 0;
	text-decoration: none;
	transition: all .5s ease
}
select {
	font-family: gotham-bookgotham-book, sans-serif;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none
}
input[type=submit] {
	-webkit-appearance: none;
	font-family: gotham-bookgotham-book, sans-serif;
}
.autoMbleAwards:after, .brandAwardsList ul:after, .brandAwardsList:after, .breadcrumb:after, .checkPrice:after, .clearfix:after, .contactCodeslist:after, .corporateTabCon:after, .corporateTabs:after, .dealerStoreDetails:after, .dropModels:after, .emiContainer:after, .emiForm:after, .emiFormRow:after, .emiTabs:after, .engineinnercontainer:after, .facilities-list:after, .facilities-row:after, .factoryAddress:after, .fdbackFormelements:after, .feedbackDrpdwns:after, .feedbackRadioElement:after, .feedbackSearchesList:after, .feedbackfrmDelarinfo:after, .footerBottom:after, .footerTop:after, .formItem:after, .header:after, .hondaExplore:after, .hondaExploreList:after, .india-operations-item:after, .innerContainer:after, .isoBlock:after, .loadMorefebackSearch:before, .locationList ul:after, .locationList:after, .mediaContactsList:after, .modelDetails:after, .modelsList:after, .modelsSection:after, .offerModelcars ul:after, .offerModelcars:after, .priceMain:after, .priceRange:after, .priceTab:after, .priceTop:after, .ride-contact-row:after, .selectOil:after, .singleOfferCarData:after, .why-choose-row:after, .zonalAddress:after {
	clear: both;
	display: block;
	content: "";
	margin: 0;
	padding: 0
}
@font-face {
	font-family: gotham-bookgotham-book;
	src: url(../fonts/gothmbok-webfont.eot);
	src: url(../fonts/gothmbok-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gothmbok-webfont.woff2) format('woff2'), url(../fonts/gothmbok-webfont.woff) format('woff'), url(../fonts/gothmbok-webfont.ttf) format('truetype'), url(../fonts/gothmbok-webfont.svg#gotham-bookgotham-book) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: gotham-lightgotham-light;
	src: url(../fonts/gothmlig-webfont.eot);
	src: url(../fonts/gothmlig-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gothmlig-webfont.woff2) format('woff2'), url(../fonts/gothmlig-webfont.woff) format('woff'), url(../fonts/gothmlig-webfont.ttf) format('truetype'), url(../fonts/gothmlig-webfont.svg#gotham-lightgotham-light) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: gotham-mediumgotham-medium;
	src: url(../fonts/gothmmed-webfont.eot);
	src: url(../fonts/gothmmed-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gothmmed-webfont.woff2) format('woff2'), url(../fonts/gothmmed-webfont.woff) format('woff'), url(../fonts/gothmmed-webfont.ttf) format('truetype'), url(../fonts/gothmmed-webfont.svg#gotham-mediumgotham-medium) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: FontAwesome;
	src: url(../fonts/fontawesome-webfont.eot?v=4.5.0);
	src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: proxima_novalight;
	src: url(../fonts/proximanova-light-webfont.eot);
	src: url(../fonts/proximanova-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/proximanova-light-webfont.woff2) format('woff2'), url(../fonts/proximanova-light-webfont.woff) format('woff'), url(../fonts/proximanova-light-webfont.ttf) format('truetype'), url(../fonts/proximanova-light-webfont.svg#proxima_novalight) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: gotham_boldregular;
	src: url(../fonts/ufonts.com_gotham-bold-webfont.eot);
	src: url(../fonts/ufonts.com_gotham-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ufonts.com_gotham-bold-webfont.woff2) format('woff2'), url(../fonts/ufonts.com_gotham-bold-webfont.woff) format('woff'), url(../fonts/ufonts.com_gotham-bold-webfont.ttf) format('truetype'), url(../fonts/ufonts.com_gotham-bold-webfont.svg#gotham_boldregular) format('svg');
	font-weight: 400;
	font-style: normal
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
@font-face {
	font-family: 'gotham-bookgotham-book';
	src: url(../fonts/gothmbok-webfont.eot);
	src: url(../fonts/gothmbok-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/gothmbok-webfont.woff2) format("woff2"), url(../fonts/gothmbok-webfont.woff) format("woff"), url(../fonts/gothmbok-webfont.ttf) format("truetype"), url(../fonts/gothmbok-webfont.svg#gotham-bookgotham-book) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'gotham-lightgotham-light';
	src: url(../fonts/gothmlig-webfont.eot);
	src: url(../fonts/gothmlig-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/gothmlig-webfont.woff2) format("woff2"), url(../fonts/gothmlig-webfont.woff) format("woff"), url(../fonts/gothmlig-webfont.ttf) format("truetype"), url(../fonts/gothmlig-webfont.svg#gotham-lightgotham-light) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'gotham-mediumgotham-medium';
	src: url(../fonts/gothmmed-webfont.eot);
	src: url(../fonts/gothmmed-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/gothmmed-webfont.woff2) format("woff2"), url(../fonts/gothmmed-webfont.woff) format("woff"), url(../fonts/gothmmed-webfont.ttf) format("truetype"), url(../fonts/gothmmed-webfont.svg#gotham-mediumgotham-medium) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url(../fonts/fontawesome-webfont.eot?v=4.5.0);
	src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.5.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.5.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'gotham_boldregular';
	src: url(../fonts/ufonts.com_gotham-bold-webfont.eot);
	src: url(../fonts/ufonts.com_gotham-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/ufonts.com_gotham-bold-webfont.woff2) format("woff2"), url(../fonts/ufonts.com_gotham-bold-webfont.woff) format("woff"), url(../fonts/ufonts.com_gotham-bold-webfont.ttf) format("truetype"), url(../fonts/ufonts.com_gotham-bold-webfont.svg#gotham_boldregular) format("svg");
	font-weight: 400;
	font-style: normal;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1 {
	color: #656565;
	font: 24px gotham-bookgotham-book, sans-serif;
	letter-spacing: 0;
	text-transform: unset;
	position: relative;
	padding: 0 0 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
h4 {
	font-weight: normal;
}
.fa-angle-right:before {
	content: "\f105"
}
.fa-arrow-right:before {
	content: "\f061"
}
.txtCenter {
	text-align: center
}
input, select {
	outline: 0;
	font-family: gotham-bookgotham-book, sans-serif;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none
}
.lightGray {
	background: #e8e8e8;
	border: solid 1px #e8e8e8;
	position: relative
}
.container {
	max-width: 1024px;
	margin: 0 auto;
	position: relative
}
.mainWrap {
	background: #fff;
	position: relative;
	padding-top: 67px
}
.bannerWrap {
	position: relative
}
.newcarLogo {
	background: #e51b2f;
	width: 117px;
	height: 119px;
	display: inline-block;
	vertical-align: bottom;
	padding: 78px 10px 18px;
	position: absolute;
	left: 30px;
	bottom: 0;
	z-index: 1
}
.getLink {
	background: #999;
	width: 117px;
	height: 119px;
	padding: 50px 10px 18px;
	position: absolute;
	left: 147px;
	bottom: 0;
	z-index: 1;
	color: #fff;
	font: 10px/15px gotham-mediumgotham-medium, sans-serif;
	letter-spacing: 1px
}
.getLink span {
	display: block;
	margin-top: 10px
}
.owl-carousel .owl-item .getLink img {
	max-width: 16px
}
.bannerWrap .custom-dots {
	position: absolute;
	bottom: 15px;
	left: 50%;
	z-index: 10;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}
.custom-dots .owl-dot {
	display: inline-block;
	zoom: 1
}
.custom-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background: rgba(255,255,255,0);
	border: 1px solid #fff;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	cursor: pointer
}
.custom-dots .owl-dot.active span, .custom-dots .owl-dot:hover span {
	background: rgba(255,255,255,1)
}
.hondaExplore {
	padding: 10px 5px
}
.cell33 {
	float: left;
	width: 33.333%;
	padding: 0 5px
}
.exImg {
	position: relative;
	overflow: hidden
}
.exImg img {
	display: block;
	width: 100%;
	transition: all ease-out 1s;
	-moz-transition: all ease-out 1s;
	-webkit-transition: all ease-out 1s;
	-o-transition: all ease-out 1s;
	-ms-transition: all ease-out 1s
}
.hondaExplore .cell33:hover .exImg img {
	transform: scale(1.1)
}
.exImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	font: 23px gotham-mediumgotham-medium, sans-serif;
	color: #fff;
	z-index: 1;
	padding: 20px 15px
}
.hondaExploreList {
	padding: 15px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}
.hondaExplore ul {
	background: rgba(255,255,255,.85);
	border: 1px solid #cbcbcb;
	text-transform: uppercase;
	position: relative;
	overflow: hidden
}
.hondaExplore li {
	float: left;
	width: 50%;
	position: relative;
	font: 10px gotham-bookgotham-book;
	color: #323232;
	letter-spacing: .5px
}
.hondaExplore li:after {
	width: 1px;
	background: #989898;
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: -1px;
	content: ""
}
.hondaExplore li:nth-child(2n):after {
	display: none
}
.hondaExplore li:before {
	background: #989898;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	content: ""
}
.hondaExplore li:last-child {
	border-bottom: none
}
.hondaExplore li a {
	display: block;
	color: #323232;
	padding: 15px 8px 15px 10px
}
.hondaExplore .fa {
	color: #e51b2f;
	font-size: 15px;
	line-height: 8px;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}
.hondaExplore li a:hover {
	color: #e51b2f;
	font-family: gotham-mediumgotham-medium
}
.innerContainer {
	max-width: 820px;
	margin: 0 auto;
	position: relative
}
.breadcrumb {
	padding: 16px 0
}
.breadcrumb li {
	float: left;
	font: 10px gotham-lightgotham-light;
	color: #999;
	margin: 0 3px 0 0
}
.breadcrumb li:after {
	content: "/";
	display: block;
	font-size: 10px;
	color: #333;
	float: right;
	margin-left: 3px
}
.breadcrumb li:last-child:after {
	display: none
}
.breadcrumb li a {
	color: #333
}
.headerTitle {
	background: #f7f7f7;
	padding: 35px 0
}
.headerTitle h1 {
    font: 32px gotham-mediumgotham-medium;
    color: #e51b2f;
    margin: 0;
    padding: 0;
}

.newWrvPrice {
	background: #f7f7f7;
	padding: 20px 0 !important;
	margin: 0 0 40px;
}
.newWrvPrice h1 {
    font: 24px gotham-mediumgotham-medium !important;
    color: #e51b2f;
    margin: 0;
    padding: 0;
}


.headerTitle p {
	font: 16px gotham-bookgotham-book;
	color: #333;
	margin: 8px 0 0 0
}
.modelsSection {
	margin: 35px 0
}
.priceRow {
	border: solid 1px #fff;
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s
}
.priceRow.active {
	border-color: #cbcbcb
}
.priceTab {
	background: #f2f2f2;
	cursor: pointer;
	position: relative
}
.priceTabIcon {
	background: #cbcbcb;
	width: 78px;
	height: 78px;
	text-align: center;
	position: relative;
	float: left;
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s
}
.priceTabIcon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}
.priceTabTitle {
	float: left;
	position: absolute;
	top: 50%;
	left: 100px;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}
.priceTabTitle h4 {
	font: 14px gotham-bookgotham-book;
	color: #656565;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s
}
.priceTabTitle span {
	font: 11px gotham-bookgotham-book;
	color: #7f7f7f;
	display: none
}
.titleActive h4 {
	text-transform: none;
	margin-top: 5px;
	font-size: 20px;
	color: #323232
}
.titleActive span {
	display: block
}
.priceTabOpen {
	background: url(../images/global/plus.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-10px);
	margin: 0 30px 0 0;
	width: 19px;
	height: 19px
}
.priceTabChange {
	position: absolute;
	top: 50%;
	right: 5px;
	top: 15px;
	bottom: 15px;
	font: 11px/46px gotham-bookgotham-book;
	letter-spacing: 1px;
	color: #7f7f7f;
	text-transform: uppercase;
	border-left: solid 1px #e0e0e0;
	padding: 0 20px
}
.priceTab.active .priceTabIcon, .priceTab:hover .priceTabIcon {
	background: #e51b2f
}
.priceTab.active .priceTabTitle h4, .priceTab:hover .priceTabTitle h4 {
	color: #e51b2f
}
.priceTab.active .priceTabOpen {
	background-image: url(../images/global/down-arrow.png)
}
.priceTab.active .priceTabChange, .priceTab:hover .priceTabChange {
	color: #e51b2f
}
.priceModelsList {
	display: none
}
.modelsList {
	margin-top: 0
}
.modelsList .col33 {
	float: left;
	position: relative;
	text-align: center;
	width: 25%;
	padding: 20px 0;
	font: 10px gotham-bookgotham-book;
	letter-spacing: 1px;
	text-transform: uppercase;
	z-index: 1
}
.modelsList .col33 img {
	max-width: 100%
}
.modelsList .col33 span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 13px
}
.modelsList .col33 a {
	color: #656565;
	cursor: pointer
}
.modelsList .col33:after {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	right: 0;
	border: solid 1px #e5e5e5;
	border-left-color: #fff;
	border-bottom-color: #fff;
	border-top-color: #fff;
	content: "";
	z-index: -1
}
.modelsList .col33:nth-child(4n):after {
	border-color: #fff
}
.modelsList .col33:before {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0;
	top: 0;
	border-bottom: solid 1px #e5e5e5;
	content: ""
}
.modelsList .col33.dropModelsLast:before {
	border-color: #fff
}
.modelsList .col33:hover a {
	color: #e51b2f
}
.modelsList .col33.active:after, .modelsList .col33:hover:after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: solid 1px #e51b2f
}
.modelsList .col33.active:before, .modelsList .col33:hover:before {
	display: none
}
.locationSection {
	margin-bottom: 35px
}
.locationList {
	padding: 25px 0 25px 78px
}
.locationSelect {
	width: 240px;
	margin-right: 20px;
	float: left
}
.locationSelect ul.selectItem {
	position: absolute;
	top: 100%;
	left: -1px;
	right: -1px;
	background: #fff;
	border: solid 1px #e51b2f;
	border-top: none
}
.checkPriceBTN {
	display: none
}
.checkPrice {
	margin-bottom: 35px
}
.checkPrice a {
	float: left;
	background: #989898;
	font: 13px gotham-mediumgotham-medium;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 19px 90px 19px 20px;
	position: relative;
	cursor: pointer
}
.checkPrice a i {
	float: right;
	background: #e51b2f url(../images/global/price-arrow.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 50px;
	border-left: solid 2px #fff
}
.checkPrice a:hover {
	background: #e51b2f
}
.checkPrice button {
	float: left;
	background: #989898;
	font: 13px gotham-mediumgotham-medium;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 19px 90px 19px 20px;
	position: relative;
	cursor: pointer;
	border: none
}
.checkPrice button i {
	float: right;
	background: #e51b2f url(../images/global/price-arrow.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 50px;
	border-left: solid 2px #fff
}
.checkPrice button:hover {
	background: #e51b2f
}
.priceMain {
	margin-bottom: -1px
}
.priceTop {
	background: #999;
	position: relative
}
.priceTop .col80 {
	width: 655px;
	float: left;
	position: relative
}
.priceTop .priceImg {
	position: absolute;
	bottom: -35px;
	left: -20px;
	z-index: 1;
	max-width: 403px
}
.priceTop .priceImg img {
	display: block
}
.priceTop .priceCon {
	float: left;
	margin-left: 407px;
	padding: 35px 0 20px 0;
	position: relative
}
.priceTop .priceCon h3 {
	font: 30px gotham-mediumgotham-medium;
	color: #fff
}
.priceTop .priceCon p {
	font: 19px gotham-bookgotham-book;
	color: #fff;
	margin: 10px 0
}
.priceTop .priceCon p span {
	font-family: gotham-mediumgotham-medium
}
.priceTop .priceCon p img {
	opacity: .8;
	max-width: 10px
}
.priceTop .priceCon .calc a {
	background: #fff;
	font: 10px/34px gotham-bookgotham-book;
	letter-spacing: 1px;
	color: #656565;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 0 20px 0 45px;
	margin: 10px 0;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.priceTop .priceCon .calc a i {
	position: absolute;
	left: 0;
	width: 34px;
	height: 34px;
	background: #ccc url(../images/global/calculate.png) no-repeat center;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.priceTop .priceCon .calc a:hover {
	color: #e51b2f
}
.priceTop .priceCon .calc a:hover i {
	background-color: #e51b2f
}
.priceTop .priceCon a.visit {
	font: 10px gotham-mediumgotham-medium;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	background: url(../images/global/visit.png) no-repeat right top;
	padding: 1px 15px 0 0;
	margin-top: 10px;
	display: inline-block;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.priceTop .priceCon a.visit:hover {
	color: #e51b2f;
	background-image: url(../images/global/visit-hover.png)
}
.priceTop .col20 {
	max-width: 135px;
	position: absolute;
	right: 10px;
	bottom: 10px
}
.priceTop .col20 li {
	border: solid 1px #cbcbcb;
	border-top-color: #999;
	border-right-color: #999;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.priceTop .col20 li:last-child {
	border-bottom-color: #999
}
.priceTop .col20 li:hover {
	border: solid 1px #fff
}
.priceTop .col20 li a {
	padding: 10px 15px 10px 20px;
	font: 9px/11px gotham-bookgotham-book;
	color: #fff;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	display: block
}
.priceTop .col20 li img {
	max-width: 24px;
	float: left;
	padding: 2px 10px 0 0;
	opacity: .8;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.priceTop .col20 li:hover img {
	opacity: 1
}
.priceBottom {
	border: solid 1px #b2b2b2;
	position: relative
}
.selectOil {
	position: absolute;
	left: 15px;
	top: 40px
}
.selectOil i {
	position: absolute;
	background: url(https://stage.hondacarindia.com/content/desktop/images/global/select-arrow.png) no-repeat right center;
	background-size: 9px;
	position: absolute;
	width: 9px;
	height: 5px;
	top: 14px;
	right: 10px;
	z-index: 1
}
.selectOil ul {
	float: right;
	border: solid 1px #ccc;
	position: relativee;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	background: #fff
}
.selectOil ul li {
	padding: 10px;
	font: 10px gotham-lightgotham-light;
	color: #333;
	text-transform: uppercase;
	cursor: pointer;
	width: 135px;
	position: relative
}
.selectOil ul li:last-child {
	display: none
}
.selectOil ul.active {
	border-color: #e51b2f
}
.selectOil ul li:first-child:hover, .selectOil ul.active li:first-child {
	background: #f2f2f2
}
.selectOil ul li:last-child:hover {
	color: #e51b2f
}
.priceRange {
	padding: 65px 15px 0 15px
}
.priceRange ul li {
	float: left;
	width: 20%;
	padding: 0 0 10px 10px;
	margin-top: 20px;
	font: 22px gotham-mediumgotham-medium;
	color: #323232;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc
}
.priceRange ul li span {
    display: block;
    font-size: 13px;
    color: #e51b2f;
    margin-bottom: 8px;
    text-transform: uppercase;
    min-height: 36px;
}
.priceRange ul li:first-child {
	padding-left: 0
}
.priceRange ul li:last-child, .priceRange ul li:nth-child(5n) {
	border-right: none
}
.priceRange ul li img {
	max-width: 11px;
	opacity: .8
}
.priceBottom p {
	font: 12px gotham-bookgotham-book;
	color: #656565;
	padding: 20px 15px;
	border-bottom: solid 2px #e51b2f
}
.pricesymbol { width:7px; }
.priceBottom p span {
	float: right
}
.carPrice a {
	padding-right: 70px
}
.noteList {
	border-top: dashed 1px #999;
	padding: 30px 0 0 0;
}
.noteList h3 {
	font: 12px gotham-bookgotham-book;
	color: #333;
	text-transform: uppercase
}
.noteList ul li {
    font: 12px gotham-lightgotham-light;
    color: #333;
    background: url(../images/global/note-list.jpg) no-repeat left 5px;
    padding: 0;
    margin: 15px 0 15px 15px;
    list-style: disc;
}
.emi-header {
	background: #ebebeb;
	padding: 25px 0
}
.emi-header h5 {
	font: 14px gotham-bookgotham-book;
	color: #323232;
	margin-bottom: 5px
}
.emi-header .selectBox {
	float: left;
	margin-right: 10px;
	width: 235px
}
.emi-header .selectBox span {
	background: #fff;
	padding: 15px
}
.emi-header .selectBox i {
	top: 20px
}
.emi-header .selectBox .selectItem {
	position: absolute;
	left: -1px;
	right: -1px;
	background: #fff;
	border: solid 1px #e51b2f;
	border-top: none
}
.emiModelDetails {
	max-width: 340px;
	float: left
}
.emiModelDetails .selectBox {
	width: 160px
}
.emiModelDetails .selectBox:last-child {
	width: 160px
}
.emiLocationDetails {
	width: 480px;
	float: left
}
.emiLocationDetails .selectBox:last-child {
	margin: 0
}
.emiContainer {
	padding: 25px 0 40px 0;
	position: relative
}
.emiLeftCon {
	width: 510px;
	float: left
}
.emiTabs p, .emiTabs p b {
	font: 13px gotham-bookgotham-book;
	color: #656565
}
.emiTabs p span {
	color: #323232
}
.emiTabs p b {
	font-family: gotham_boldregular
}
.emiTabs .chooseRadio {
	float: left;
	margin: 10px 50px 10px 0;
	font: 14px gotham-lightgotham-light;
	color: #333
}
.emiProductDetails {
	border-bottom: dashed 1px #ccc;
	padding: 10px 0
}
.emiModelCon h2 {
	font: 24px gotham-bookgotham-book;
	color: #231f20;
	margin: 10px 0 15px
}
.emiLocationCon p {
	font: 14px gotham-bookgotham-book;
	color: #656565
}
.emiLocationCon p span {
	font-family: gotham_boldregular
}
.emiLocationCon h3 {
	font: 22px gotham-mediumgotham-medium;
	color: #323232;
	margin: 10px 0
}
.emiLocationCon h3 img {
	max-width: 11px;
	margin-right: 2px
}
.onRoadAllPrice {
	padding: 15px 0
}
.onRoadAllPrice p {
	font: 14px gotham-lightgotham-light;
	color: #323232
}
.onRoadAllPrice h4 {
	font: 14px/11px gotham-lightgotham-light;
	color: #231f20;
	padding: 15px 10px;
	border: solid 1px #ccc;
	margin: 5px 0
}
.onRoadAllPrice h4 img {
	float: left;
	max-width: 8px;
	margin-right: 5px
}
.onRoadTotalPrice {
	margin: 0 0 15px 0
}
.onRoadTotalPrice p {
	font: 14px gotham-lightgotham-light;
	color: #656565
}
.onRoadTotalPrice p span {
	font-family: gotham_boldregular
}
.onRoadTotalPrice h2 {
	font: 23px gotham-mediumgotham-medium;
	color: #323232;
	margin: 10px 0
}
.onRoadTotalPrice h2 img {
	display: inline-block;
	max-width: 11px
}
.emiForm {
	padding: 20px 0 0 0
}
.emiFormTitle {
	font: 12px gotham-bookgotham-book;
	color: #656565
}
.emiFormRow {
	margin: 10px 0 15px 0
}
.emiFormRow .col50 {
	float: left;
	width: 50%;
	padding-right: 10px
}
.emiFormRow .col50 p {
	font: 14px gotham-bookgotham-book;
	color: #323232;
	margin: 5px 0
}
.emiFormRow .col50 p span {
	font: 18px gotham-mediumgotham-medium;
	color: #e51b2f;
	display: inline-block;
	margin-left: 15px
}
.emiFormRow .col50 input {
	background: #fff;
	border: solid 1px #ccc;
	width: 100%;
	padding: 15px 0 15px 25px;
	background: url(../images/global/drop-model-price.png) no-repeat 10px center;
	background-size: 8px;
	font: 14px gotham-bookgotham-book;
	color: #323232
}
.emiAmount {
	font: 23px gotham-bookgotham-book;
	color: #323232
}
.emiAmount span {
	display: inline-block;
	color: #000;
	padding: 10px 15px;
	border: solid 1px #ccc;
	font-family: gotham-mediumgotham-medium;
	margin-left: 15px
}
.content .sidebar {
	margin: 60px 0 10px 100px;
	float: left;
	overflow: hidden
}
.emiRightCon {
	width: 190px
}
.emiRightCon ul {
	border: solid 5px #989898
}
.emiRightCon ul li a {
	background: #989898;
	font: 9px gotham-bookgotham-book;
	text-transform: uppercase;
	color: #fff;
	border-bottom: solid 1px #fff;
	padding: 10px 0;
	display: block
}
.emiRightCon ul li a:hover {
	background: #fff;
	border-color: #989898;
	color: #333
}
.emiRightCon ul li:last-child a {
	border: none
}
.emiRightCon ul li a span {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	margin: 0 10px;
	background-repeat: no-repeat;
	background-image: url(../images/global/sprite.png);
	transition: all ease-out .3s
}
.emiRightCon ul li:first-child a span {
	background-position: -210px -183px
}
.emiRightCon ul li:nth-child(2) a span {
	background-position: -230px -183px
}
.emiRightCon ul li:nth-child(3) a span {
	background-position: -250px -183px
}
.emiRightCon ul li:nth-child(4) a span {
	background-position: -270px -183px
}
.emiRightCon ul li:first-child a:hover span {
	background-position: -210px -203px
}
.emiRightCon ul li:nth-child(2) a:hover span {
	background-position: -230px -203px
}
.emiRightCon ul li:nth-child(3) a:hover span {
	background-position: -250px -203px
}
.emiRightCon ul li:nth-child(4) a:hover span {
	background-position: -270px -203px
}
.checkEMI {
	margin-bottom: 35px;
	display: none
}
.checkEMI a {
	float: left;
	background: #989898;
	font: 12px gotham-mediumgotham-medium;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 19px 75px 19px 23px;
	position: relative;
	cursor: pointer
}
.checkEMI a i {
	float: right;
	background: #e51b2f url(../images/global/price-arrow.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 50px;
	border-left: solid 2px #fff
}
.checkEMI a:hover {
	background: #e51b2f
}
.get-dealer-btns {
	position: absolute;
	bottom: 20px;
	left: 15px;
	right: 15px
}
.get-dealer-btns a {
	background: #9e9e9e;
	width: 50%;
	float: left;
	padding: 12px 15px;
	font: 10px/17px gotham-mediumgotham-medium;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer
}
.get-dealer-btns a.active, .get-dealer-btns a:hover {
	background: #fff;
	color: #656565
}
.get-dealer-btns a img {
	float: left;
	width: auto;
	margin-right: 7px
}
.sms-address-con {
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	padding: 15px;
	display: none
}
.sms-address-con .smsClose {
	background: url(../images/global/sms-close.png) no-repeat center;
	width: 18px;
	height: 18px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 25px
}
.sms-address-con .smsClose:hover {
	background-image: url(../images/global/sms-close-hover.png)
}
.sms-phone {
	width: 100%;
	float: left
}
.sms-phone p {
	font: 14px gotham-bookgotham-book;
	color: #666;
	margin: 18px 0 10px 0
}
.sms-form {
	position: relative;
	overflow: hidden
}
.sms-form input {
	width: 100%;
	float: left;
	background: #fff;
	border: solid 1px #ccc;
	padding: 10px 90px 10px 30px;
	font: 14px gotham-bookgotham-book;
	color: #2e3438
}
.sms-form span {
	position: absolute;
	left: 5px;
	top: 0;
	font: 14px/40px gotham-bookgotham-book;
	color: #2e3438
}
.sms-form a {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	font: 11px/38px gotham_boldregular;
	color: #fff;
	width: auto;
	height: auto;
	padding: 0 15px;
	background: #e82d36
}
.sms-form a:hover {
	background: #9e9e9e;
	color: #fff
}
.rideHeader {
	padding-bottom: 0
}
.testRideTabs {
	margin-top: 30px
}
.testRideTabs li {
	float: left;
	width: 33.333333%;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	border-right: solid 2px #fff;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.testRideTabs li:last-child {
	border: none
}
.testRideTabs li .rideTabIcon {
	background: #bababa;
	display: block;
	padding: 24px 0;
	position: relative;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.testRideTabs li p {
	font: 12px gotham-bookgotham-book;
	letter-spacing: 1px;
	color: #656565;
	padding: 23px 0;
	margin: 0;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.testRideTabs li .rideTabEdit {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	font: 10px gotham-mediumgotham-medium;
	color: #656565;
	background: #fff;
	border: solid 2px #f2f2f2;
	padding: 5px 12px;
	letter-spacing: 1px;
	display: none
}
.testRideTabs li .rideTabIcon:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border: solid 10px #e51b2f;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	opacity: 0;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.testRideTabs li.active, .testRideTabs li:hover {
	background: #fff
}
.testRideTabs li.active .rideTabIcon, .testRideTabs li:hover .rideTabIcon {
	background: #e51b2f
}
.testRideTabs li.active p, .testRideTabs li:hover p {
	color: #e51b2f;
	font-family: gotham-mediumgotham-medium
}
.testRideTabs li.active .rideTabIcon:after, .testRideTabs li:hover .rideTabIcon:after {
	opacity: 1
}
.testRideTabCon {
	padding: 45px 0 0 0;
	overflow: hidden
}
.ride-model-con p {
	font: 13px gotham-lightgotham-light;
	color: #323232
}
.ride-model-con .modelsList {
	border: solid 1px #cbcbcb;
	margin: 0 0 60px 0
}
.ride-dealer-con .searchBySection {
	margin-bottom: 5px
}
.rideMap {
	position: relative;
	margin-bottom: 3px
}
.rideMap iframe {
	display: block;
	width: 100%
}
.rideMapPoint {
	background: #828282;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 355px;
	padding: 15px
}
.rideMapPoint:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -31px;
	background: url(../images/ride-shadow.png) repeat-y;
	width: 31px
}
.rideMapPoint h3 {
	font: 18px gotham-mediumgotham-medium;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.rideMapPointCon {
	position: absolute;
	top: 30px;
	left: 15px;
	right: 15px;
	bottom: 65px;
	overflow: auto;
	margin: 10px 0
}
.rideMapPointCon li {
	font: 13px gotham-bookgotham-book;
	color: #fff;
	border-bottom: solid 1px #ccc;
	padding: 11px 0
}
.rideMapPointCon li span {
	font: 11px gotham-bookgotham-book, sans-serif;
	color: #ccc;
	text-transform: uppercase;
	display: block;
	margin-bottom: 3px
}
.rideMapPointCon li:last-child {
	border: none
}
.rideMapPointCon li a {
	color: #fff
}
.rideMapPointCon li a:hover {
	color: #e51b2f
}
.ride-select {
	background: #e51b2f;
	border: solid 2px #fff;
	display: inline-block;
	font: 10px gotham_boldregular;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 15px;
	position: absolute;
	bottom: 20px;
	left: 15px
}
.ride-select:hover {
	background: #fff;
	color: #e51b2f
}
.ride-contact-con {
	padding: 0 0 20px 0;
	margin-top: -20px
}
.ride-contact-row {
	margin: 20px 0
}
.ride-contact-row p {
	font-family: gotham-bookgotham-book;
	color: #323232
}
.ride-contact-row input {
	width: 535px;
	border: solid 1px #ccc;
	font: 16px gotham-bookgotham-book, sans-serif;
	color: #656565;
	padding: 17px 15px;
	float: left
}
.ride-contact-row span {
	font: 11px/16px gotham-bookgotham-book;
	color: #323232;
	padding: 10px 0 0 10px;
	float: left;
	width: 250px
}
.rideTitle h2 {
	font: 18px gotham-mediumgotham-medium;
	color: #323232;
	margin: 15px 0 0 0
}
.rideTitle P {
	font: 13px/20px gotham-bookgotham-book;
	color: #231f20;
	max-width: 630px;
	margin-top: 5px
}
.test-ride-details {
	padding: 50px 0;
	position: relative
}
.test-ride-img {
	max-width: 400px;
	position: absolute;
	left: 0;
	bottom: 13px;
	z-index: 9
}
.test-ride-img img {
	max-width: none;
	display: block;
	margin-left: -92px
}
.test-ride-con {
	background: #b2b2b2;
	margin-left: 135px;
	position: relative
}
.test-ride-con h5 {
	padding: 15px 0 15px 265px;
	font: 12px gotham-mediumgotham-medium;
	letter-spacing: 1px;
	color: #fff;
	background: #999
}
.test-ride-vehcle {
	padding: 20px 0 15px 265px
}
.test-ride-vehcle h1 {
	font: 30px gotham-bookgotham-book;
	color: #fff;
	margin-bottom: 20px;
	max-width: 250px
}
.test-ride-vehcle h1 span, .yourDealer {
	display: block;
	font: 11px gotham-bookgotham-book, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px
}
.test-ride-vehcle p {
	font: 15px/20px gotham-bookgotham-book;
	color: #fff;
	max-width: 250px
}
.test-ride-vehcle p span {
	font: 14px gotham_boldregular
}
.test-ride-links {
	position: absolute;
	bottom: 20px;
	right: 15px;
	max-width: 135px
}
.test-ride-links li {
	border: solid 1px #cbcbcb;
	border-top-color: #b2b2b2;
	border-right-color: #b2b2b2;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.test-ride-links li:last-child {
	border-bottom-color: #b2b2b2
}
.test-ride-links li img {
	float: left;
	width: 13px;
	opacity: .8;
	margin: 2px 10px 0 0;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.test-ride-links li a {
	color: #fff;
	display: block;
	font: 9px/11px gotham-bookgotham-book;
	letter-spacing: 1.5px;
	padding: 10px 15px 10px 20px;
	text-transform: uppercase
}
.test-ride-links li:hover {
	border-color: #fff
}
.test-ride-links li:hover img {
	opacity: 1
}
.why-choose {
	background: #f7f7f7;
	padding: 35px 0
}
.why-choose h3 {
	font: 16px gotham-mediumgotham-medium;
	letter-spacing: 1px;
	color: #656565;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px
}
.why-choose-row {
	margin: 0 -7px 20px -7px
}
.why-choose-col {
	width: 50%;
	float: left;
	padding: 0 7px
}
.why-choose-con {
	cursor: pointer
}
.why-choose-img {
	position: relative
}
.why-choose-img img {
	width: 100%;
	display: block
}
.why-choose-lable {
	position: absolute;
	left: -8px;
	top: 10px;
	font: 11px gotham_boldregular;
	color: #fff;
	text-transform: uppercase;
	background: #e51b2f;
	padding: 5px 15px
}
.why-choose-lable:before {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	border: solid 4px #991b2f;
	border-left-color: transparent;
	border-bottom-color: transparent
}
.video-play {
	background: url(../images/global/video-play.png) no-repeat center;
	background-size: 100%;
	width: 36px;
	height: 36px;
	position: absolute;
	bottom: 10px;
	left: 10px
}
.why-choose-title {
	background: #fff;
	border: solid 2px #ccc;
	border-top: none;
	padding: 15px
}
.why-choose-title h4 {
	font: 15px gotham-mediumgotham-medium;
	color: #333;
	margin: 0 0 10px 0
}
.why-choose-title p {
	font: 11px/16px gotham-lightgotham-light;
	color: #231f20
}
.why-choose-con:hover .video-play {
	background-image: url(../images/global/video-play-hover.png)
}
.why-choose-con:hover .why-choose-title h4 {
	color: #e51b2f
}
.ride-popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.9);
	z-index: 99999
}
.ride-popup-con {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1024px;
	margin: 0 auto
}
.ride-popup-close {
	position: absolute;
	top: 0;
	right: 0;
	background: #fff url(../images/global/close.png) no-repeat center;
	width: 50px;
	height: 50px;
	cursor: pointer
}
.ride-popup-close:hover {
	background-image: url(../images/global/close-hover.png)
}
.adviser-popup, .user-popup {
	display: none
}
.find-loc-dealer {
	background: #dbdbdb;
	padding: 10px 0 25px 0;
	border-top: solid 1px #fff;
	margin-bottom: 3px
}
.find-row {
	margin: 0 -7px
}
.find-row .col50 {
	width: 50%;
	float: left;
	padding: 15px 7px 0 7px
}
.current-location {
	position: relative;
	background: #bababa;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	cursor: pointer
}
.current-location.active, .current-location:hover {
	background: #e82d36
}
.current-location input {
	font: 14px gotham-mediumgotham-medium;
	color: #fff;
	background: 0 0;
	border: none;
	width: 100%;
	padding: 20px
}
.current-location span {
	font: 14px gotham-mediumgotham-medium;
	color: #fff;
	background: 0 0;
	border: none;
	width: 100%;
	padding: 20px;
	display: block
}
.current-location i {
	background: #e82d36 url(../images/global/current-location.png) no-repeat center;
	width: 55px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0
}
.location-search {
	background: #fff;
	border: solid 1px #ccc;
	position: relative
}
.location-search input {
	font: 13px gotham-bookgotham-book, sans-serif;
	letter-spacing: -.5px;
	color: #666;
	width: 100%;
	padding: 20px;
	background: 0 0;
	border: none
}
.location-search i {
	background: url(../images/global/location-search.png) no-repeat center;
	width: 45px;
	height: 100%;
	position: absolute;
	right: 0;
	cursor: pointer;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.location-search i:hover {
	background-image: url(../images/global/location-search-hover.png)
}
.find-row .selectBox {
	background: #fff
}
.find-row .selectBox ul.selectItem {
	position: absolute;
	top: 100%;
	left: -1px;
	right: -1px;
	background: #fff;
	border: solid 1px #e51b2f;
	border-top: none
}
.find-dealer-btn {
	float: left;
	font: 11px gotham_boldregular;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	background: #e82d36;
	padding: 18px 25px;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	margin: 15px 0 0 7px
}
.find-dealer-btn:hover {
	background: #fff;
	color: #e82d36
}
.interest-checkbox p {
	font: 14px gotham-bookgotham-book, sans-serif;
	color: #333
}
.innerContLeft {
	width: 66%;
	max-width: 537px;
	padding-right: 15px;
	font-family: gotham_lightregular, sans-serif;
	display: inline-block;
	vertical-align: middle;
	border-right: 1px dashed #ccc
}
.innerContLeft p {
	line-height: 25px;
	margin-top: 5px
}
.innerContRight {
	width: 33%;
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 1px
}
.innerContRight span {
	font: 12px gotham-bookgotham-book, sans-serif
}
.innerContRight p {
	font: 12px gotham-bookgotham-book, sans-serif;
	margin: 0
}
.innerContRight p a {
	color: #333
}
.innerContRight p:first-child {
	margin-bottom: 5px
}
.innerContRight .applyOnline {
	font: 10px gotham_boldregular, sans-serif;
	color: #333;
	margin-top: 10px;
	display: inline-block;
	background: url(../images/global/apply-online-icon.png) no-repeat right;
	padding-right: 12px
}
.innerContRight p a.hondaDealer {
	font: 16px gotham-bookgotham-book, sans-serif;
	color: #e51b2f
}
.innerContRight p a.hondaDealer:hover {
	color: #333
}
.downloadApplication {
	font: 10px/22px gotham_boldregular, sans-serif;
	color: #333;
	background: url(../images/global/dealer-app-icon.png) no-repeat right;
	padding-right: 17px
}
.downloadApplication:hover, .innerContRight .applyOnline:hover, .innerContRight p a:hover {
	color: #e51b2f
}
.mapNlistView {
	margin-top: 15px
}
.mainTabs {
	border-bottom: 5px solid #e51b2f
}
.mapNlistView .tabs {
	width: 100%;
	overflow: hidden
}
.mapNlistView .tabs li {
	float: left;
	margin-right: 4px
}
.mapNlistView .tabs li a {
	background: #ebebeb;
	padding: 15.5px 33.5px;
	display: inline-block;
	text-transform: uppercase;
	font: 12px gotham-mediumgotham-medium, sans-serif;
	letter-spacing: 1px;
	color: #666;
	border-top: 3px solid #fff;
	transition: all ease-out .5s
}
.mapNlistView .tabs li a:hover, .mapNlistView .tabs li.active a {
	background: #e51b2f;
	border-color: #e51b2f;
	color: #fff
}
.dealerMap {
	position: relative
}
.dealerMap iframe {
	width: 100%;
	display: block
}
.dealerStoreDetails {
	margin: 24px -30px 0
}
.dealerStoreDetails li {
	width: 50%;
	padding: 30px;
	display: inline-block;
	vertical-align: top;
	margin-right: -4px
}
.dealerStoreItem h3 {
	font: 20px gotham-bookgotham-book, sans-serif;
	color: #e51b2f;
	padding: 0 4px 1px
}
.dealerStoreItem span {
	color: #666
}
.dealerItem {
	border-bottom: 1px solid #d6d6d6;
	padding: 16px 4px 8px;
	position: relative
}
.dealerItem label {
	font: 11px gotham-bookgotham-book, sans-serif;
	text-transform: uppercase;
	color: #7a7a7a
}
.dealerItem p {
	font: 15px gotham-bookgotham-book, sans-serif;
	padding: 3px 0 0;
	color: #333;
	line-height: 20px
}
.dealerStoreDetails li .dealerItem:last-child {
	border-bottom: none;
	display: inline-block;
	width: 100%;
	padding: 0
}
.getDirections, .smsAddress {
	color: #4c4c4c;
	text-transform: uppercase;
	float: left;
	font: 10px gotham-mediumgotham-medium, sans-serif;
	line-height: 22px;
	display: inline-block;
	letter-spacing: 1px;
	padding: 10px 15px;
	width: 50%;
	background: #f2f2f2;
	line-height: 17px;
	cursor: pointer
}
.dealerStoreDetails li .dealerItem:last-child a img {
	float: left;
	margin-right: 7px
}
.dealerStoreDetails li .dealerItem .sms-address-con {
	background: #f2f2f2;
	border-bottom: solid 1px #fff
}
.dealerItem a {
	color: #333
}
.dealerItem a:hover, .smsAddress.active {
	color: #e51b2f
}
.dealerItem .sms-form a {
	color: #fff
}
.dealerItem .sms-form a:hover {
	background: #9e9e9e;
	color: #fff
}
.mapListLoad {
	text-align: center;
	padding: 5px 0 30px
}
.mapListLoad a {
	display: inline-block;
	border: solid 2px #e5e5e5;
	padding: 15px 30px;
	font: 12px gotham-mediumgotham-medium, sans-serif;
	color: #656565;
	letter-spacing: 1px;
	text-transform: uppercase
}
.mapListLoad a:hover {
	background: #e51b2f;
	border-color: #e51b2f;
	color: #fff
}
.founderTitle {
	background: #fff
}
.founderTitle h1 {
	padding-left: 8px
}
.founderBanner {
	position: relative
}
.founderBanner img {
	display: block
}
.founderbanTextMain {
	position: absolute;
	bottom: 100px;
	max-width: 332px;
	left: 605px
}
.founderbanText p {
	color: #fff;
	font: 14px/22px gotham-bookgotham-book, sans-serif;
	padding-bottom: 25px
}
.founderbanText img {
	padding-bottom: 10px;
	width: auto!important
}
.founderbanText h4 {
	font: 14px gotham-mediumgotham-medium, sans-serif;
	color: #fff;
	padding-top: 15px;
	position: relative
}
.founderbanText h4:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: #e72c37;
	height: 2px;
	width: 20px
}
.foundernameDesign p {
	padding-bottom: 5px
}
.founderquoteTitle {
	padding: 30px 0 15px 0
}
.founderquoteTitle p {
	color: #333;
	font: 19px/24px gotham-mediumgotham-medium, sans-serif;
	padding-right: 125px
}
.founderbdyText h3 {
	color: #e41b2e;
	font: 22px gotham-bookgotham-book, sans-serif;
	padding-bottom: 10px
}
.founderbdyText {
	padding: 15px 130px 40px 0
}
.founderbdyText p {
	font: 14px/20px gotham-bookgotham-book, sans-serif;
	padding-bottom: 20px;
	color: #333
}
.founderbdyText h3:nth-of-type(4) {
	padding-top: 10px
}
.foundernameDesign p {
	font-size: 13px;
	line-height: 20px
}
.founderBanner .owl-dots {
	position: absolute;
	bottom: -45px;
	left: -5px
}
.owl-theme .owl-dots .owl-dot span {
	background: 0 0;
	border: solid 1px #fff;
	width: 10px;
	height: 10px
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #fff
}
.honda-worldwide {
	background: #f4f4f4;
	padding: 30px 0
}
.governanceTitle {
	background: #fff
}
.governanceTitle h1 {
	padding-left: 8px
}
.governanceBanner {
	position: relative
}
.governanceBanner img {
	display: block
}
.governancebdyCnt h3 {
	color: #e41b2e;
	font: 22px gotham-bookgotham-book, sans-serif;
	padding-bottom: 10px;
	letter-spacing: -1px
}
.governancebdyCnt {
	padding: 35px 110px 40px 0
}
.governancebdyCnt p {
	font: 14px/20px gotham-bookgotham-book, sans-serif;
	padding-bottom: 25px;
	color: #333
}
.governancebdyCnt a {
	display: inline-block;
	color: #000;
	font: 10px gotham-bookgotham-book, sans-serif;
	margin-bottom: 30px;
	text-transform: uppercase
}
.governancebdyCnt a img {
	display: inline-block;
	margin-top: -5px;
	padding-right: 5px;
	vertical-align: middle
}
.governancebdyCnt a:hover {
	color: #e31b2f
}
.governancebdyCnt b {
	font: normal 14px gotham_boldregular, sans-serif;
	padding: 5px 0 15px;
	color: #333;
	display: inline-block
}
.governancebdyCnt ul li {
	color: #e51b2f;
	padding-bottom: 20px;
	font: 14px/20px gotham-bookgotham-book, sans-serif;
	list-style-type: disc
}
.governancebdyCnt ul li span {
	color: #333
}
.governancebdyCnt ul {
	margin-left: 16px
}
.achievementsTitle {
	background: #fff;
	padding: 35px 0 10px
}
.achievementsTitle h1 {
	padding-left: 8px
}
.brandhondaAwards h3 {
	font: normal 19px gotham-mediumgotham-medium, sans-serif;
	padding: 8px 0 10px 8px;
	color: #323232
}
.brandAward {
	text-align: center;
	padding: 25px 0 10px;
	vertical-align: bottom
}
.brandAward p {
	font: 11px gotham-bookgotham-book, sans-serif;
	text-transform: uppercase;
	color: #666;
	padding: 8px 0;
	line-height: 16px;
	letter-spacing: .5px
}
.brandAward h4 {
	color: #000;
	font: 13px gotham-bookgotham-book, sans-serif;
	padding: 12px 0;
	position: relative;
	line-height: 16px
}
.brandAwardsList ul li {
	width: 33.33%;
	float: left;
	padding: 10px 10px;
	position: relative
}
.brandAward h4:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 1px;
	background: #e51b2f;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto
}
.autoMbleAwards {
	padding-bottom: 40px
}
.autoMbleAwards h3 {
	font: normal 20px gotham-mediumgotham-medium, sans-serif;
	padding: 38px 0 25px 8px;
	color: #333;
	border-top: 1px dotted #d2d2d2
}
.autoMbleAward {
	text-align: center;
	width: 33.33%;
	float: left;
	padding: 25px 0 10px;
	vertical-align: middle;
	position: relative;
	min-height: 330px
}
.autoMbleAward p {
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
	padding: 10px 0;
	line-height: 16px
}
.autoMbleAward h4 {
	color: #333;
	font: 13px gotham-mediumgotham-medium, sans-serif;
	padding: 15px 0 10px;
	position: relative;
	line-height: 16px
}
.autoMbleAward h4:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 1px;
	background: #e51b2f;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto
}
.autoMbleAwardsList {
	display: table;
	width: 100%;
	float: left
}
.autombleBrandstabs li {
	display: inline-table;
	vertical-align: middle;
	text-align: center;
	margin-right: -4px;
	width: 16.66666%;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	position: relative;
	transition: all ease .3s;
	-moz-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	height: 52px
}
.autombleBrandstabs {
	padding: 2px 0 20px
}
.autoMbleAward img {
	padding-bottom: 15px
}
.autombleBrandstabs li.active, .autombleBrandstabs li:hover {
	border-bottom: 1px solid #e51b2f
}
.autombleBrandstabs li a {
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	font: 13px/16px gotham-bookgotham-book, sans-serif;
	letter-spacing: 1px;
	color: #656565;
	padding: 10px 10px;
	position: relative
}
.autombleBrandstabs li:after, .autombleBrandstabs li:first-child:before {
	position: absolute;
	right: 0;
	top: 50%;
	bottom: 0;
	width: 1px;
	background: #e5e5e5;
	content: ""
}
.autombleBrandstabs li:first-child:before {
	left: 0
}
.autombleBrandstabs li a:hover, .autombleBrandstabs li.active a {
	color: #e51b2f
}
.autombleBrandstabs li.active a {
	font: 14px gotham-mediumgotham-medium, sans-serif
}
.brandAwardsList {
	padding-bottom: 40px
}
.brandAwardsList ul li:after {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 0;
	width: 1px;
	background: #f2f2f2
}
.brandAwardsList ul li:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10px;
	height: 1px;
	right: 10px;
	background: #f2f2f2
}
.brandAwardsLastItem:before {
	display: none
}
.autoMbleAward:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10px;
	height: 1px;
	right: 10px;
	background: #f2f2f2
}
.autoMbleAward:after {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 0;
	width: 1px;
	background: #f2f2f2
}
.autoMbleAward:nth-child(3n):after, .brandAwardsList ul li:nth-child(3n):after {
	width: 0
}
.india-operations-wraper {
	position: relative
}
.india-operations-tabs {
	position: absolute;
	top: 43px;
	right: 91px;
	z-index: 9
}
.india-operations-tabs li {
	float: left;
	position: relative
}
.india-operations-tabs li:after {
	position: absolute;
	background: #ccc;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 1px;
	height: 20px;
	content: ""
}
.india-operations-tabs li:last-child:after {
	display: none
}
.india-operations-tabs li a {
	font: 13px gotham-bookgotham-book, sans-serif;
	color: #999;
	padding: 10px;
	display: inline-block
}
.india-operations-tabs li a:hover, .india-operations-tabs li.active a {
	color: #e31b2f
}
.facilities-section {
	background: #f7f7f7;
	padding: 30px 0
}
.facilities-section h2 {
	font: 19px gotham-bookgotham-book, sans-serif;
	color: #323232;
	margin-bottom: 30px
}
.facilities-row {
	margin: 0 -2px
}
.facilities-row .col50 {
	width: 50%;
	float: left;
	padding: 0 2px
}
.facilities-row .col50 img {
	width: 100%;
	display: block
}
.facilities-row .col50 h3 {
	font: 17px gotham-mediumgotham-medium, sans-serif;
	color: #e31b2f;
	margin: 20px 0 7px 0
}
.facilities-list {
	padding: 13px 0;
	font: 17px gotham-mediumgotham-medium, sans-serif;
	color: #666;
	border-bottom: solid 1px #ccc
}
.facilities-list span {
	font: 10px gotham-bookgotham-book, sans-serif;
	color: #666;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px
}
.facilities-list-col {
	border-right: solid 1px #ccc;
	float: left;
	padding-right: 25px;
	margin-right: 15px
}
.facilities-list-col:last-child, .facilities-list:last-child {
	border: none
}
.facilities-con {
	padding: 0 20px 0 0;
	position: relative
}
.facilities-row .col50:last-child .facilities-con {
	padding: 0 0 0 20px
}
.facilities-con:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2px;
	background: #ccc;
	width: 1px;
	content: ""
}
.facilities-row .col50:last-child .facilities-con:after {
	display: none
}
.tapukara-section h2 {
	font: 22px gotham-bookgotham-book, sans-serif;
	color: #e31b2f;
	margin: 30px 0
}
.tapukara-video {
	position: relative;
	cursor: pointer
}
.tapukara-video img {
	display: block
}
.tapukara-video:after {
	background: url(../images/global/facilities-shadow.png) repeat-x;
	min-height: 134px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: ""
}
.tapukara-con {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	padding: 20px 0
}
.tapukara-con i {
	float: left;
	background: url(../images/global/video-play.png) no-repeat;
	width: 53px;
	height: 53px;
	margin-right: 15px
}
.tapukara-video:hover .tapukara-con i {
	background-image: url(../images/global/video-play-hover.png)
}
.tapukara-title {
	float: left
}
.tapukara-title h2 {
	font: 22px gotham-mediumgotham-medium, sans-serif;
	color: #fff;
	margin: 0;
	padding-bottom: 6px;
	position: relative
}
.tapukara-title h2:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20px;
	height: 2px;
	background: #e31b2f;
	content: ""
}
.tapukara-title p {
	font: 12px gotham-mediumgotham-medium, sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-top: 8px
}
.ride-popup {
	display: none
}
.india-opertions-contentWrapper {
	padding: 20px 0
}
.india-operations-item {
	border-bottom: 2px solid #e4e4e4;
	padding: 20px 0 10px
}
.india-operations-item:last-child {
	border: none;
	padding: 20px 0 0
}
.india-operations-item:first-child p {
	font-size: 18px
}
.india-operations-item h4 {
	font: 16px/22px gotham-bookgotham-book, sans-serif;
	color: #e31b2f;
	padding: 0 0 5px
}
.india-operations-item p {
	font: 16px/24px gotham-bookgotham-book, sans-serif;
	color: #333
}
.india-operations-item span {
	font-family: gotham_boldregular, sans-serif;
	display: block;
	margin-bottom: 5px
}
.india-operations-item .col50 {
	float: left;
	width: 50%
}
.india-operations-item .col50:last-child p {
	text-align: right;
	font-size: 14px;
	color: #666
}
.padTop20 {
	padding: 20px 0 0
}
.india-operations-item .col33 {
	float: left;
	width: 33.333%;
	padding: 0 0 20px
}
.india-operations-item-topSection {
	margin: 0 0 0
}
.governanceGallery {
	margin: 20px 0 30px
}
.governanceGallery ul {
	margin: 0 -2px
}
.governanceGallery .col50 {
	float: left;
	width: 50%
}
.governanceGallery .col25 {
	float: left;
	width: 25%
}
.governanceGallery img {
	display: block;
	width: 100%
}
.govItem {
	margin: 2px;
	position: relative
}
.govItem:after {
	background: url(../images/about-us/manufacturing-facilities/gallery/title-shadow.png) repeat-x;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 67px
}
.govItemContent {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}
.govItemContent h4 {
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #fff;
	z-index: 1;
	font: 15px/20px gotham-mediumgotham-medium, sans-serif
}
.govItemContent span {
	background: #e51b2f;
	color: #fff;
	padding: 10px 15px 7px;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	font: 11px gotham_boldregular, sans-serif
}
.governance-contentWrapper {
	padding: 20px 0 0
}
.certificationBlock h3 {
	font: 22px/22px gotham-bookgotham-book, sans-serif;
	color: #e31b2f;
	padding: 10px 0
}
.certificationBlock p {
	font: 13px/20px gotham-bookgotham-book, sans-serif;
	color: #333;
	padding: 0 0 15px;
	max-width: 690px
}
.isoBlock {
	margin: 20px 0 0
}
.isoBlock .col33 {
	float: left;
	width: 33.33%;
	text-align: center;
	padding: 15px 9px;
	border-left: 1px solid #e4e4e4
}
.isoBlock .col33:first-child {
	border: none
}
.isoBlock h3 {
	font: 15px gotham-mediumgotham-medium, sans-serif;
	color: #333;
	padding: 20px 0 5px
}
.offers-banner-txt {
	position: absolute;
	left: 30px;
	bottom: 140px;
	font: 10px gotham-bookgotham-book, sans-serif;
	color: #666
}
.limitedstockOffers {
	position: absolute;
	bottom: 133px;
	right: 30px;
	max-width: 245px
}
.limitedstockOffers a {
	display: block;
	overflow: hidden;
	background: rgba(153,153,153,.69)
}
.limitedstockOffers i {
	width: 40px;
	height: 37px;
	background: #e51b2f url(../images/global/offers.png) no-repeat center;
	background-size: 20px;
	float: left;
	border-right: solid 1px #fff
}
.limitedstockOffers span {
	font: 11px/37px gotham-mediumgotham-medium, sans-serif;
	text-transform: uppercase;
	color: #fff;
	float: left;
	padding: 0 25px 0 20px;
	letter-spacing: 1px
}
.stock-offers-form {
	background: #f9f9f9;
	padding: 5px 10px
}
.stock-offers-form input {
	font: 11px gotham-bookgotham-book, sans-serif;
	color: #333;
	padding: 7px 10px;
	background: #eaeaea;
	border: none;
	width: 100%;
	margin-bottom: 2px
}
.stock-offers-form input.input-validation-error {
	border: 1px solid red;
	color: red;
	background: #fff
}
.plain-select {
	background: #eaeaea;
	margin-bottom: 2px;
	max-width: 230px;
	position: relative;
	margin-bottom: 2px
}
.plain-select::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #999;
	content: "";
	height: 0;
	margin-top: -3px;
	pointer-events: none;
	position: absolute;
	right: 8px;
	top: 50%;
	width: 0;
	z-index: 1
}
.plain-select select {
	background: 0 0;
	border: none;
	color: #333;
	line-height: normal;
	margin: 0;
	padding: 7px 10px;
	position: relative;
	width: 100%;
	z-index: 2
}
.stock-offers-form button {
	font: 11px gotham-mediumgotham-medium, sans-serif;
	color: #fff;
	background: #999;
	padding: 6px 13px;
	border: none;
	letter-spacing: 2px;
	display: inline-block;
	margin-top: 2px;
	cursor: pointer
}
.stock-offers-form button:hover {
	background: #e51b2f
}
.offersbanner {
	padding-bottom: 125px;
	position: relative
}
.offerModelcars ul li {
	float: left;
	width: 14.286%
}
.offerModelcars ul li a {
	padding: 12px 7.5px;
	display: block;
	position: relative;
	font: 14px gotham-bookgotham-book, sans-serif;
	color: #333;
	text-align: center
}
.offerModelcars ul li a:hover, .offerModelcars ul li.active a {
	color: #e51b2f
}
.offerModelcars ul li a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 12px;
	bottom: 12px;
	left: 0;
	border: 3px solid transparent;
	border-right: 1px solid #ccc
}
.offerModelcars ul {
	border: 3px solid #ccc
}
.offerModelcars ul li a:hover:after, .offerModelcars ul li.active a:after {
	top: 0;
	bottom: 0;
	border: 3px solid #e51b2f;
	left: 0;
	background: 0 0
}
.offerModelcars ul li:last-child a:after {
	border-right: 1px solid transparent
}
.offerModelcars ul li:last-child a:hover:after {
	border-right: 3px solid #e51b2f
}
.offerModelcars ul li:last-child.active a:after {
	border-right: 3px solid #e51b2f
}
.offerModelcars p {
	color: #333;
	text-align: center;
	padding: 5px 5px;
	display: block;
	background: #ccc;
	font: 12px gotham-bookgotham-book, sans-serif
}
.singleOfferCarData {
	background: #f7f7f7 url(../images/offers/model-bg.jpg) no-repeat center -10px;
	position: relative;
	border-top: solid 3px #fff;
	padding: 35px 0 50px
}
#amaze.singleOfferCarData {
	background-image: url(../images/offers/model-bg1.jpg)
}
.singleOfferCarData:first-child:before {
	background: url(../images/global/offers-top-shadow.png) repeat-x;
	height: 26px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	content: ""
}
.leftofferCarText {
	width: 466px;
	float: left;
	margin-left: 50px
}
.leftofferCarText h3 {
	font: italic 18px gotham_boldregular;
	color: #211d1c;
	text-align: left;
	padding: 0 0 12px 15px
}
.offers-model {
	padding: 0 0 12px 15px;
	display: block
}
.offers-model img {
	display: block
}
.offercarFeatures {
	border-top: 2px solid #ccc;
	background: rgba(255,255,255,.8);
	padding: 20px 15px 40px;
	min-height: 320px;
	position: relative
}
.offercarFeatures:after {
	background: url(../images/global/offers-bottom-shadow.png) repeat-x;
	height: 48px;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	content: "";
	margin-top: 2px
}
.offercarFeatures h5 {
	color: #e4210f;
	font: 13px gotham-bookgotham-book, sans-serif;
	text-transform: uppercase;
	padding: 0 0 15px
}
.offercarFeatures p {
	color: #333;
	font: 14px/17px gotham-bookgotham-book, sans-serif;
	padding-bottom: 20px
}
.offercarFeatures p b {
	font: normal 14px gotham_boldregular, sans-serif
}
.offercarFeatures span {
	font: 12px gotham-bookgotham-book, sans-serif;
	color: #666;
	padding: 0 0 20px;
	display: block
}
.offercarFeatures a.rtd-offers {
	font: 11px/22px gotham-mediumgotham-medium, sans-serif;
	color: #e51b2f;
	text-transform: uppercase;
	background: url(../images/global/offers-ride.png) no-repeat left top;
	padding: 0 0 0 27px;
	position: absolute;
	left: 15px;
	bottom: 15px
}
.offercarFeatures a.rtd-offers:hover {
	background-image: url(../images/global/offers-ride-hover.png);
	color: #333
}
.moreOffers {
	padding-bottom: 20px
}
.moreOffers a {
	display: inline-block;
	background: #e4210f url(../images/global/more-offers.png) no-repeat 92% center;
	cursor: pointer;
	padding: 0;
	color: #fff
}
.moreOffers a span {
	font: 11px gotham-mediumgotham-medium, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 3px 16px 3px 5px;
	margin: 0
}
.moreOffers a:hover {
	background: #333 url(../images/global/more-offers.png) no-repeat 92% center;
	color: #fff
}
.moreOffers a span.less {
	display: none
}
.moreOffers.less a {
	background-image: url(../images/global/less-offers.png)
}
.moreOffers.less a span.more {
	display: none
}
.moreOffers.less a span.less {
	display: block
}
.reqaTestDriveoffers a {
	display: block
}
.reqaTestDriveoffers a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle
}
.reqaTestDriveoffers {
	padding: 10px 15px;
	border-top: 1px solid #f7f7f7;
	background: rgba(255,255,255,.9)
}
.righOfferCarimage {
	float: left;
	width: 500px;
	padding: 20px 0 0 0
}
.righOfferCarimage h3 {
	font: 31px/30px gotham_boldregular, sans-serif;
	color: #e51b2f
}
.righOfferCarimage h3 span {
	font-family: gotham-bookgotham-book, sans-serif
}
.righOfferCarimage h3 img {
	max-width: 9px;
	display: inline-block;
	margin: 0 1px 7px 0
}
.righOfferCarimage h2 {
	font: 49px gotham_boldregular, sans-serif;
	color: #e51b2f
}
h2.mob-rupee img, h3.mob-rupee img {
	max-width: 11px;
	margin: 11px 2px 0 0;
	vertical-align: top
}
.righOfferCarimage p {
	font: 18px gotham_boldregular, sans-serif;
	color: #333;
	padding: 0 0 10px
}
.model-offer-tag {
	font: 11px gotham_boldregular, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	background: #e51b2f;
	margin: 0 0 10px 2px;
	display: inline-block;
	position: relative;
	letter-spacing: 1px
}
.model-offer-tag:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 0 solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #e51b2f;
	position: absolute;
	top: 100%;
	left: 0
}
.righOfferCarTxt {
	padding: 0 0 0 50px
}
.righOfferCarImg {
	text-align: center
}
.offersCarsData {
	padding-bottom: 20px;
	background: #eee
}
.offercarFeaturesList p {
	padding: 0 0 10px 0
}
.offercarFeaturesList ul {
	margin-bottom: 10px
}
.offercarFeaturesList li {
	background: url(../images/global/offers-list.jpg) no-repeat left 5px;
	padding: 0 0 10px 10px;
	font-size: 12px;
	color: #333;
	line-height: 16px
}
.offercarFeaturesList li p {
	font-size: 12px;
	padding-bottom: 0
}
.offerModelcars {
	position: absolute;
	left: 0;
	right: 0;
	top: inherit;
	bottom: 0
}
.offerModelcars.active {
	position: fixed;
	top: 67px;
	z-index: 99;
	left: inherit;
	right: inherit;
	bottom: inherit;
	width: 1024px
}
.offerModelcars {
	background: #fff
}
.exploreHonda {
	position: relative
}
.exploreHonda img {
	display: block;
	margin: auto
}
.exploreContent {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}
.exploreTopContent {
	top: 0;
	text-align: center;
	color: #fff
}
.exploreTopDesc {
	max-width: 730px;
	margin: auto
}
.exploreTopContent h2 {
	padding: 32px 0;
	position: relative
}
.exploreTopContent h2:after {
	position: absolute;
	content: "";
	width: 26px;
	height: 2px;
	background: #d61b2e;
	margin-left: -13px;
	bottom: 0;
	left: 50%
}
.exploreTopContent h1 {
	padding: 19px 0;
	font: 48px gotham-mediumgotham-medium
}
.exploreTopContent p {
	font: 17px/30px gotham-bookgotham-book, sans-serif
}
.exploreMenuBlock {
	width: 37px;
	cursor: pointer;
	display: block;
	top: 29px;
	left: 50px;
	position: absolute
}
.exploreMenuBlock span {
	display: block;
	height: 39px
}
.exploreMenu {
	background: url(../images/explore/menu.png) no-repeat
}
.exploreMenuClose {
	background: url(../images/explore/menu-close.png) no-repeat
}
.scrollSection {
	bottom: 10px;
	position: absolute;
	text-align: center;
	width: 100%
}
.scrollSection p {
	padding: 10px 0;
	color: #fff;
	text-transform: uppercase;
	font: 9px/16px gotham-mediumgotham-medium, sans-serif;
	letter-spacing: 1px
}
.mouse {
	animation: 1s ease 0s normal none 1 running intro;
	border: 1px solid #fff;
	border-radius: 15px;
	height: 30px;
	margin: auto;
	width: 16px
}
.scroll {
	animation: 2s ease 0s normal none infinite running finger;
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
	display: block;
	height: 3px;
	margin: 6px auto;
	width: 4px
}
@-webkit-keyframes intro {
0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes intro {
0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes finger {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes finger {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
.exploreSecondSection {
	width: 100%;
	padding-top: 1px;
	background: #fff;
	position: absolute;
	bottom: -85%;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out
}
.userScrolled {
	bottom: 0
}
.exploreBg {
	top: 0;
	position: relative;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out
}
.bannerScrollUp {
	top: -59%;
	position: relative
}
.exploreSecondSection ul {
	margin: 0 -1px;
	position: relative
}
.exploreSecondSection ul li {
	padding: 0 1px;
	float: left;
	width: 33.33%;
	position: relative
}
.exploreSecondSection ul li img {
	display: block
}
.exploreSecondSection ul li:hover .exploreOverlay {
	background: rgba(0,0,0,.4)
}
.exploreSecondSection ul li:hover .exporeHoverContent {
	opacity: 1
}
.exploreOverlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 35px 30px;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease
}
.exporeHoverContent {
	padding: 20px 0;
	color: #fff;
	opacity: 0;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease
}
.exporeHoverContent p {
	font: 14px/18px gotham-lightgotham-light, sans-serif;
	position: relative;
	padding-bottom: 18px
}
.exporeHoverContent p:after {
	position: absolute;
	content: "";
	width: 26px;
	height: 2px;
	background: #d61b2e;
	margin-left: -13px;
	bottom: 0;
	left: 15px
}
.exporeHoverContent a {
	text-transform: uppercase;
	color: #fff;
	font: 15px gotham-mediumgotham-medium;
	margin: 20px 0;
	display: inline-block
}
.exporeHoverContent a:hover {
	color: #d61b2e
}
.exploreOverlay h2 {
	font: 30px gotham-mediumgotham-medium;
	color: #fff;
	text-transform: capitalize
}
.exploreContainer {
	position: relative;
	overflow: hidden;
	margin-bottom: 2px
}
.exploreSecondSection ul li {
	float: left;
	width: 33.33333%;
	height: 470px;
	position: relative;
	overflow: hidden;
	border-right: solid 1px #fff;
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out 0s
}
.exploreSecondSection ul li:first-child {
	background: url(../images/what-drives-us.jpg) no-repeat center
}
.exploreSecondSection ul li:nth-child(2) {
	background: url(../images/technology.jpg) no-repeat 90% center
}
.exploreSecondSection ul li:last-child {
	border: none;
	background: url(../images/honda-values.jpg) no-repeat center
}
.exploreSecondSection ul li img {
	max-width: none;
	transform: translateX(-30%);
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s
}
.exploreSecondSection ul li:nth-child(2).active {
	background-position: center
}
.exploreSecondSection ul li:nth-child(2).inactive {
	background-position: 80% center
}
.exploreSecondSection ul li.inactive {
	width: 20%
}
.exploreSecondSection ul li.active, .exploreSecondSection ul li:hover {
	width: 60%
}
.exploreSecondSection ul li.active img, .exploreSecondSection ul li:hover img {
	transform: none
}
.exploreSecondSection ul li.active .exporeHoverContent {
	opacity: 1
}
.exploreSecondSection ul li.active .exploreOverlay {
	background: rgba(0,0,0,.4)
}
.exploreHeader {
	background: url(../images/explore/explore-bg.jpg) no-repeat center center;
	text-align: center;
	padding: 27px 0;
	margin-bottom: 2px;
	position: relative
}
.exploreInnerBanner {
	position: relative
}
.exploreInnerBanner img {
	display: block;
	width: 100%
}
.exploreInnerBanner h2 {
	font: 55px gotham-mediumgotham-medium;
	bottom: 25px;
	position: absolute;
	text-align: center;
	width: 100%;
	text-transform: capitalize;
	color: #fff
}
.exploreInnerSection {
	text-align: center;
	max-width: 800px;
	margin: auto;
	padding: 30px 0
}
.exploreInnerSection h2 {
	color: #d51b32;
	font: 35px gotham-lightgotham-light;
	padding: 0 0 10px
}
.exploreInnerSection p {
	font: 15px/24px gotham-bookgotham-book;
	padding: 10px 0;
	color: #333
}
.exploreInnerSection strong {
	font: 19px gotham-mediumgotham-medium
}
.explorePhilosophy {
	padding: 35px 30px 45px;
	text-align: center;
	background: url(../images/explore/what-drives-us-bg.jpg) no-repeat center bottom
}
.explorePhilosophy h2 {
	color: #d41b2f;
	font: 35px gotham-lightgotham-light;
	padding: 0 0 30px
}
.explorePhilosophy h3 {
	font: 25px gotham-lightgotham-light;
	color: #333;
	padding: 0 0 10px
}
.explorePhilosophy p {
	font: 15px/20px gotham-bookgotham-book;
	color: #333
}
.explorePhilosophy p strong {
	font: 17px gotham-mediumgotham-medium
}
.mngPolicies {
	padding: 40px 0 0
}
.mngPolicies li {
	font: 14px/20px gotham-bookgotham-book;
	color: #333;
	border-bottom: 1px solid #dce7ed;
	padding: 15px 0
}
.mngPolicies li:last-child {
	border: none
}
.explorePrinciples {
	margin: 25px 0 0
}
.exploreItem {
	margin: 0 -2px;
	overflow: hidden
}
.exploreItem .col50 {
	float: left;
	width: 50%;
	padding: 2px
}
.exploreItem .col100 {
	float: left;
	width: 100%;
	padding: 2px
}
.gridContent {
	background: #fff;
	padding: 35px
}
.gridContent h3 {
	font: 17px/20px gotham-mediumgotham-medium;
	color: #333;
	text-transform: capitalize;
	position: relative;
	padding: 0 0 15px
}
.gridContent h3:after {
	position: absolute;
	content: "";
	width: 20px;
	height: 2px;
	background: #d61b2e;
	margin-left: -10px;
	bottom: 0;
	left: 50%
}
.gridContent p {
	padding: 15px 0 10px;
	font-size: 13px;
	color: #333
}
.gridContent li {
	display: inline-block;
	position: relative;
	line-height: 20px;
	padding: 0 15px
}
.gridContent li:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 20px;
	background: #ddd;
	right: 0;
	top: 0
}
.gridContent li:last-child:after {
	display: none
}
.gridContent li a {
	color: #333;
	display: inline-block;
	font-size: 13px
}
.gridContent li a:hover {
	color: #d61b2e
}
.bulletText {
	margin: 15px 0 0
}
.bulletText p {
	padding: 5px 0
}
.exploreEnvironment {
	padding: 35px 0 0;
	text-align: center;
	background: #c0d4df url(../images/explore/honda-values-bg-strip.jpg) repeat-x
}
.exploreEnvironment h2 {
	color: #d51b32;
	font: 35px gotham-lightgotham-light;
	padding: 0 0 10px
}
.exploreEnvironment p {
	font: 15px/20px gotham-bookgotham-book;
	padding: 10px 0;
	color: #333
}
.exploreEnvironment p strong {
	font-size: 19px
}
.environmentContainer {
	margin: auto;
	max-width: 780px
}
.environmentVideoSection {
	margin: 20px 0 0
}
.videoContainer {
	position: relative
}
.environmentVideoSection h4 {
	background: #ecefff;
	padding: 15px 0;
	text-transform: uppercase;
	font: 11px/20px gotham-bookgotham-book;
	position: relative
}
.environmentVideoSection h4:after {
	position: absolute;
	z-index: 9;
	top: 100%;
	left: 50%;
	content: "";
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 9px solid #ecefff
}
.environmentVideoSection img {
	width: 100%;
	display: block
}
.environVideo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.videoHeader {
	margin: auto;
	max-width: 810px;
	text-align: left;
	padding: 25px 0 0;
	color: #fff
}
.videoHeader h3 {
	font: 45px gotham-mediumgotham-medium
}
.videoHeader p {
	padding: 0;
	color: #fff
}
.viewvideo {
	margin: auto;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	max-width: 120px;
	text-align: center;
	color: #fff;
	bottom: 15px
}
.viewvideo img {
	max-width: 43px;
	display: block;
	margin: auto auto 10px
}
.viewvideo a {
	text-transform: uppercase;
	color: #fff;
	font: 11px/20px gotham-bookgotham-book;
	cursor: pointer
}
.globalEnvironment {
	background: url(../images/explore/global-environment-bg.png) no-repeat;
	padding: 40px 0 25px
}
.globalEnvironment h3 {
	color: #333;
	font-size: 19px;
	padding: 20px 0 10px;
	text-transform: capitalize
}
.globalEnvironment p {
	max-width: 830px;
	margin: auto
}
.safetyDesc {
	background: #fff;
	margin: auto;
	max-width: 740px;
	padding: 30px 0 20px;
	text-align: center
}
.safetyDesc h2 {
	color: #d51b32;
	font: 35px gotham-lightgotham-light;
	padding: 0 0 10px
}
.safetyDesc p {
	color: #333;
	font: 15px/24px gotham-bookgotham-book;
	padding: 10px 0
}
.collisionFree {
	position: relative
}
.collisionFree img {
	display: block;
	width: 100%
}
.collisionHolder {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}
.collisionContent {
	float: right;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 309px;
	right: 115px
}
.collisionContent h3 {
	color: #fff;
	padding: 25px 0 20px;
	text-transform: capitalize;
	font: 22px/20px gotham_boldregular
}
.collisionContent p {
	color: #fff;
	font: 13px/20px gotham-bookgotham-book
}
.backToTop {
	background: #d61b30;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	border: 3px solid #fff;
	bottom: 20px;
	display: none;
	position: fixed;
	z-index: 999;
	margin-left: 950px;
	padding: 8px 0;
	color: #fff;
	font: 9px gotham_boldregular;
	text-align: center;
	text-transform: uppercase
}
.backToTop img {
	width: auto;
	margin: auto
}
.backToTop span {
	display: block;
	padding-top: 3px
}
.technology .exploreInnerSection {
	max-width: 900px
}
.stickyTabsTechnology {
	position: relative;
	padding-top: 105px
}
.stickyTabs {
	padding: 0 30px 0;
	position: absolute;
	z-index: 99;
	top: 0;
	width: 1024px
}
.stickyTabs li {
	float: left;
	width: 20%;
	text-align: center;
	border: 1px solid #d4d4d4;
	border-right: none;
	position: relative
}
.stickyTabs li.active:before, .stickyTabs li:before {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 1px;
	content: ""
}
.stickyTabs li:last-child:before {
	background: #d4d4d4
}
.stickyTabs li.active {
	border-color: #d51b30
}
.stickyTabs li.active:after {
	position: absolute;
	z-index: 9;
	top: 100%;
	left: 50%;
	margin-left: -4px;
	content: "";
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #d51b30
}
.stickyTabs li.active:before {
	background: #d51b30
}
.stickyTabs li.active span {
	background: #d51b30;
	color: #fff
}
.stickyTabs li img {
	display: block;
	width: 100%
}
.stickyTabs li span {
	background: #f7f7f7;
	display: block;
	padding: 10px 0;
	text-transform: uppercase;
	color: #707070;
	font-size: 12px
}
.stickyTabs.active {
	bottom: inherit;
	left: inherit;
	position: fixed;
	right: inherit;
	top: 67px;
	z-index: 99
}
.hondaJetmobility img {
	display: block
}
.technology .exploreInnerSection strong {
	font: 19px gotham-mediumgotham-medium;
	color: #323232
}
.technology .exploreInnerSection p {
	color: #656565
}
.hondaJetmobility {
	position: relative
}
.hondaJetDesc {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}
.hondaJetinnercontainer {
	margin: auto;
	max-width: 850px;
	padding: 86px 0 0;
	text-align: center;
	color: #fff
}
.sectionTitle h3 {
	text-transform: uppercase;
	font: 15px gotham-bookgotham-book;
	letter-spacing: 1px;
	position: relative;
	padding: 0 0 20px
}
.sectionTitle h3:after {
	background: #fff;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	margin-left: -18px;
	position: absolute;
	width: 36px
}
.sectionTitle h2 {
	font: 42px gotham-mediumgotham-medium;
	text-align: center;
	padding: 20px 0 0
}
.sectionTitle h4 {
	font: 24px/26px gotham-mediumgotham-medium;
	padding: 27px 0
}
.hondaJetDesc p {
	font: 14px/23px gotham-bookgotham-book;
	padding: 0 0 30px
}
.technologyGallery {
	padding: 40px 0;
	max-width: 800px;
	margin: auto
}
.technologyGallery h2 {
	text-align: center;
	font: 30px gotham-lightgotham-light;
	color: #333
}
.gallerySection {
	background: #f2f2f2
}
.asimoinnercontainer {
	color: #333;
	margin: auto;
	max-width: 850px;
	padding: 86px 0 0;
	text-align: center
}
.asimo {
	padding: 0 0 20px;
	text-align: center;
	color: #333;
	background: url(../images/technology/asimo-banner-BG.jpg) repeat-x center top
}
.asimo .sectionTitle h3:after {
	background: silver
}
.asimo .sectionTitle h2 {
	color: #d51a2f
}
.asimo p {
	font: 14px/23px gotham-bookgotham-book;
	padding: 0 0 20px
}
.asimo .sectionTitle h4 {
	font: 24px/20px gotham-mediumgotham-medium;
	padding: 24px 0 15px
}
.asimo h4 {
	font: 18px gotham-mediumgotham-medium;
	padding: 20px 0
}
.uniCub {
	padding: 0 0 20px;
	text-align: center;
	color: #333;
	background: #dadadc;
	background: -moz-linear-gradient(top, #dadadc 0, #dadbdc 47%, #fff 100%);
	background: -webkit-linear-gradient(top, #dadadc 0, #dadbdc 47%, #fff 100%);
	background: linear-gradient(to bottom, #dadadc 0, #dadbdc 47%, #fff 100%)
}
.unicubinnercontainer {
	color: #333;
	margin: auto;
	max-width: 850px;
	padding: 86px 0 0;
	text-align: center
}
.uniCub .sectionTitle h3:after {
	background: silver
}
.uniCub .sectionTitle h2 {
	color: #d51a2f
}
.uniCub p {
	font: 14px/23px gotham-bookgotham-book;
	padding: 0 0 20px
}
.engines {
	color: #333;
	padding: 0 0 20px;
	text-align: center;
	background: #eaeaea;
	background: -moz-linear-gradient(top, #eaeaea 1%, #fbfbfb 10%, #fff 100%);
	background: -webkit-linear-gradient(top, #eaeaea 1%, #fbfbfb 10%, #fff 100%);
	background: linear-gradient(to bottom, #eaeaea 1%, #fbfbfb 10%, #fff 100%)
}
.engines .sectionTitle h2 {
	color: #d51b32
}
.engineImgBlocks {
	position: relative;
	background: #e8e8e8;
	margin: 50px 0 30px
}
.engineDiv {
	width: 100%;
	overflow: hidden
}
.engineIntake {
	float: left;
	width: 35%
}
.engineSpeeds {
	float: left;
	width: 65%
}
.engineTop {
	width: 430px;
	margin: 20px 0 50px
}
.engineTop .col50 {
	float: left;
	width: 50%;
	padding: 0 10px
}
.engineTop .col50 img {
	width: 100%;
	display: block;
	border: 1px solid #e3e3e3
}
.engineBlock .engineTop h4 {
	color: #333;
	font: 13px/23px gotham-mediumgotham-medium;
	padding: 10px 0 0;
	text-transform: capitalize
}
.engineBlock .engineTop p {
	font: 11px/17px gotham-bookgotham-book
}
.valvesArrow {
	max-width: 200px;
	width: 100%;
	margin: 50px 10px 0;
	display: inline-block;
	padding: 15px 15px;
	background: #ddd;
	position: relative;
	min-height: 60px
}
.engineBlock .valvesArrow p {
	font: 11px/17px gotham-bookgotham-book;
	padding: 0
}
.engineBlock .valvesArrow:before {
	border-bottom: 30px solid transparent;
	border-right: 20px solid #ddd;
	border-top: 30px solid transparent;
	content: "";
	height: 64px;
	left: -23px;
	position: absolute;
	top: 0;
	width: 24px
}
.engineLeft {
	float: left;
	width: 58%;
	position: relative
}
.engineLeft img {
	position: absolute;
	left: 0;
	z-index: 1;
	top: -25px
}
.engineRight {
	float: right;
	width: 42%
}
.engineRight img {
	width: 100%;
	display: block;
	margin-bottom: 2px
}
.engineRight img:last-child {
	margin: 0
}
.engineinnercontainer {
	margin: auto;
	max-width: 800px
}
.engineBlock {
	border-bottom: 1px dashed #e3e3e3;
	padding: 20px 0 30px;
	text-align: left
}
.engineBlock:last-child {
	border: none
}
.engineBlock h2 {
	color: #d51b32;
	font: 30px/24px gotham-lightgotham-light;
	padding: 10px 0
}
.engineBlock h3 {
	font: 18px/24px gotham-mediumgotham-medium;
	color: #333;
	padding: 5px 0 0
}
.engineBlock h4 {
	font: 14px/24px gotham-mediumgotham-medium;
	padding: 0 0 5px
}
.engineBlock p {
	font: 14px/20px gotham-bookgotham-book;
	padding: 0 0 15px
}
.engineBlock p.engineFont {
	font-size: 12px
}
.engineVideo {
	position: relative
}
.engineVideo span {
	position: absolute;
	bottom: 13px;
	left: 16px;
	cursor: pointer
}
.engineBlock ul {
	margin: 0 0 15px
}
.engineBlock li {
	background: url(../images/technology/engine-bullet-icons.png) no-repeat left 0 top 4px;
	padding: 0 0 4px 12px;
	font: 14px/20px gotham-bookgotham-book
}
.engineBlock h3.padBot20 {
	padding-bottom: 15px
}
.safetyinnercontainer {
	color: #333;
	margin: auto;
	max-width: 800px;
	padding: 70px 0 0;
	text-align: center
}
.safety {
	padding: 0 0 20px;
	text-align: center;
	color: #333;
	background: #fff url(../images/technology/safety-bg.jpg) repeat-x center top
}
.safety .sectionTitle h2 {
	color: #d51a2f;
	padding: 20px 0
}
.safety p {
	font: 14px/23px gotham-bookgotham-book;
	padding: 0
}
.safetyTopSection {
	width: 100%;
	text-align: left;
	margin: 0 0 30px
}
.safteyGrid .safetyTopSection h4 {
	color: #d51a2f;
	font: 14px/23px gotham-mediumgotham-medium;
	padding: 0 0 10px
}
.safetyTopSection h4 {
	text-transform: uppercase
}
.safetyTopSection p {
	color: #333;
	font: 11px/18px gotham-bookgotham-book;
	max-width: 490px
}
.mngWidth p {
	max-width: 600px
}
.safteyGrid {
	margin-bottom: 30px
}
.safteyGrid h4 {
	font: 30px/24px gotham-lightgotham-light;
	padding: 37px 0 27px
}
.safteyGrid ul {
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
	overflow: hidden
}
.safetyGridItems {
	float: left;
	width: 33.33%;
	border-left: 1px solid #e3e3e3
}
.safetyGridItems:first-child {
	border: none
}
.safetyGridItems:first-child .safetyGridContent {
	padding: 10px 10px 10px 0
}
.safetyGridItems span {
	background: #e3e3e3;
	display: block
}
.safetyGridItems img {
	display: block;
	width: 100%;
	border-right: 1px solid #fff
}
.safetyGridContent {
	text-align: left;
	padding: 10px
}
.safetyGridContent h4 {
	font: 13px/23px gotham-mediumgotham-medium;
	padding: 0 0 10px;
	color: #d51a2f;
	text-transform: capitalize
}
.safetyGridContent p {
	font: 11px/18px gotham-bookgotham-book;
	color: #333
}
.titleMng h4 {
	color: #333
}
.gridSection {
	position: relative;
	margin: 30px -1px 20px
}
.gridSection .col {
	margin: 1px;
	position: relative;
	overflow: hidden;
	float: left
}
.gridSection .col img {
	cursor: pointer;
	width: 100%;
	display: block;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease
}
.gridSection .col:hover img {
	transform: scale(1.1)
}
.overlayPopup {
	background: #e8e8e8;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10
}
.discoverPopupClose {
	position: absolute;
	top: 35px;
	right: 30px;
	cursor: pointer;
	z-index: 9999
}
.discoverPopupClose img {
	transition: all .2s ease!important
}
.discoverPopupClose:hover img {
	transform: rotate(90deg)
}
.galleryImage1 {
	width: 66.5%
}
.galleryTitle {
	width: 35%;
	position: absolute;
	bottom: 6%;
	right: 0
}
.galleryTitle h3 {
	position: relative;
	bottom: 25x;
	padding: 0 15px
}
.pointOwlArrows {
	position: absolute;
	right: 0;
	top: 7%;
	width: 35%;
	z-index: 999
}
.pointOwlArrows a {
	float: left;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border: 1px solid #d0d0d0;
	text-indent: -9999px;
	display: block!important
}
.pointOwlArrows a:hover {
	border: 1px solid #999
}
.accmobnext, .btn.next, .innext, .mobIntnext, .mobnext, .paccnext {
	background: #f0f0f0 url(../images/gallery/next_icon.png) no-repeat center
}
.accmobprev, .btn.prev, .inprev, .mobIntprev, .mobprev, .paccprev {
	background: #f0f0f0 url(../images/gallery/prev_icon.png) no-repeat center
}
.exteriorTabgap {
	padding: 40px 0 0;
	position: relative
}
.technologyGallery .owl-theme .owl-controls {
	display: none
}
#owl-carousel-accgallery .owl-item, #owl-carousel-accgallery .owl-wrapper, #owl-carousel-asimogallery .owl-item, #owl-carousel-asimogallery .owl-wrapper, #owl-carousel-unicubgallery .owl-item, #owl-carousel-unicubgallery .owl-wrapper {
	transform-style: flat;
	transform: none
}
#owl-carousel-accgallery .owl-item img, #owl-carousel-asimogallery .owl-item img, #owl-carousel-unicubgallery .owl-item img {
	transform-style: flat
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#owl-carousel-asimogallery .owl-item, #owl-carousel-asimogallery .owl-wrapper, #owl-carousel-unicubgallery .owl-item, #owl-carousel-unicubgallery .owl-wrapper {
	transform-style: preserve-3d
}
#owl-carousel-accgallery .owl-item img, #owl-carousel-asimogallery .owl-item img, #owl-carousel-unicubgallery .owl-item img {
	transform-style: preserve-3d
}
}
/*.paccnext {
	background: #f0f0f0 url(../images/technology/next_icon.png) no-repeat scroll center center
}
.paccprev {
	background: #f0f0f0 url(../images/technology/prev_icon.png) no-repeat scroll center center
}*/
.corporateDropdown ul li ul.subMenu li.active a {
	color: #e51b2f
}
.headerTitle.ceoProfileTitle {
	background: #fff;
	padding: 35px 0 30px
}
.ceoProfileTxt {
	background: #fcf4ed
}
.ceoProfileimg {
	position: relative
}
.ceoProfileInfo {
	position: absolute;
	vertical-align: bottom;
	right: 0;
	top: 20%;
	max-width: 440px
}
.ceoProfileInfo h2 {
	color: #e31b2f;
	font: 15px/18px gotham-mediumgotham-medium
}
.ceoProfileInfo p, .ceoProfileInfo span {
	font: 13px/18px gotham-bookgotham-book;
	color: #333
}
.ceoDescription {
	padding: 15px 100px 70px 0
}
.ceoDescription p {
	font: 13px/18px gotham-bookgotham-book;
	color: #333
}
.ceoProfileimg img {
	margin-bottom: -3px
}
.mediaContactTxt {
	margin-top: 10px
}
.headerTitle.mediaContactTitle {
	background: #fff;
	padding: 35px 0 20px
}
.eachMediaContact {
	width: 50%;
	float: left
}
.eachMediaContact h3 {
	color: #e31b2f;
	font: 16px gotham-bookgotham-book
}
.eachMediaContact h4 {
	color: #333;
	font: 16px gotham-mediumgotham-medium;
	padding: 5px 0 0 0
}
.mcontactAddressinfo {
	padding: 14px 0 10px;
	border-bottom: 1px solid #d9d9d9;
	margin-right: 50px
}
.mcontactAddressinfo span {
	color: #7a7a7a;
	text-transform: uppercase;
	font: 11px gotham-bookgotham-book;
	padding-bottom: 5px;
	display: block
}
.mcontactAddressinfo p {
	color: #333;
	font: 15px/24px gotham-bookgotham-book
}
.mcontactAddressinfo p a {
	color: #333
}
.mcontactAddressinfo p a:hover {
	color: #e31b2f
}
.mediacntactAddress .mcontactAddressinfo:last-child {
	border-bottom: 0 solid transparent
}
.eachMediaContact {
	padding-bottom: 30px
}
.mediaContactsList {
	padding-bottom: 40px
}
.careersTitle h1 {
	display: inline-block
}
.contactListpages {
	float: right;
	padding: 5px 70px 0 0
}
.contactListpages ul li {
	display: inline-block;
	padding: 5px 10px;
	border-right: 1px solid #c6c6c6
}
.contactListpages ul li:last-child {
	padding-right: 0;
	border-right: 0
}
.contactListpages ul li a {
	color: #999;
	font: 13px gotham-bookgotham-book
}
.contactListpages ul li a:hover {
	color: #e31b2f
}
.contactListpages ul li.active a {
	color: #e31b2f;
	font: 13px gotham-mediumgotham-medium
}
.carrersTxt {
	padding: 20px 0 0
}
.careersCnt p {
	font: 16px/24px gotham-lightgotham-light;
	color: #231f20;
	padding-bottom: 10px
}
.jobOpeningsCnt {
	padding: 25px 0 40px
}
.jobOpeningsCnt h2 {
	font: 19px gotham-bookgotham-book;
	color: #333;
	padding-bottom: 15px
}
.eachJobDetail {
	border: 1px solid #e5e5e5;
	margin-bottom: 20px
}
.careersJobTitle {
	background: #f2f2f2;
	padding: 20px;
	cursor: pointer
}
.careersJobTitle h3 {
	text-transform: uppercase;
	color: #333;
	font: 12px gotham-mediumgotham-medium;
	display: inline-block
}
.careersJobTitle:hover h3 {
	color: #333
}
.forAccordChangeicon {
	position: relative;
	float: right
}
.careersJobTitle .forAccordChangeicon:after {
	content: "";
	position: absolute;
	width: 2px;
	background: #c5c5c5;
	height: 18px;
	right: 9px;
	top: -3px
}
.careersJobTitle.open h3, .careersJobTitle:hover h3 {
	color: #e51b2f
}
.careersJobTitle.open .forAccordChangeicon:after {
	content: none
}
.allCareersJobDetails {
	padding: 15px
}
.jobDetailinfo h4 {
	width: 19%;
	display: inline-block;
	color: #333;
	font: 13px/20px gotham-mediumgotham-medium
}
.jobDetailinfoTxt {
	width: 80%;
	display: inline-block;
	vertical-align: top
}
.jobDetailinfoTxt p {
	color: #333;
	font: 13px/20px gotham-bookgotham-book
}
.jobDetailinfoTxt ul {
	margin-top: -8px
}
.jobDetailinfoTxt ul li {
	color: #333;
	font: 14px/36px gotham-bookgotham-book;
	padding-left: 10px;
	position: relative
}
.jobDetailinfo {
	padding: 10px 0 5px;
	border-bottom: 2px solid #e5e5e5
}
.jobDetailinfoTxt ul li:before {
	content: "\268A";
	color: #333;
	font-size: 14px;
	position: absolute;
	left: 0;
	width: 5px;
	overflow: hidden
}
.jobDetailinfo:last-child {
	border-bottom: 0
}
.careerJobApplyBtn {
	text-align: right;
	margin: 0 20px;
	border-top: 2px dotted #e5e5e5;
	padding: 20px 0
}
.careerJobApplyBtn a {
	cursor: pointer;
	color: #fff;
	background: #e82d36;
	padding: 10px 22px;
	text-transform: uppercase;
	text-align: center;
	font: 11px/20px gotham_boldregular;
	letter-spacing: 1px
}
.careerJobApplyBtn a:hover {
	background: #323232
}
.careersJobTitle .forAccordChangeicon:before {
	content: "";
	right: 0;
	width: 20px;
	height: 2px;
	background: #c5c5c5;
	font-size: 0;
	position: absolute;
	top: 5px
}
.contactusTxt {
	padding: 0 0 40px
}
.contactusCnt h2 {
	font: 19px gotham-bookgotham-book;
	color: #231f20;
	padding: 25px 0 15px
}
.eachFactoryAddress {
	width: 50%;
	float: left;
	padding: 0 25px 20px 0
}
.eachFactoryAddress h3 {
	color: #e31b2f;
	font: 16px/25px gotham-bookgotham-book
}
.eachFactoryAddress p {
	color: #333;
	font: 15px/25px gotham-bookgotham-book;
	padding-bottom: 5px
}
.eachFactoryAddress p span {
	color: #333;
	text-transform: uppercase;
	font: 16px/25px gotham-mediumgotham-medium
}
.eachFactoryAddress h4 {
	color: #333;
	font: 19px/25px gotham-bookgotham-book;
	padding-top: 25px
}
.eachFactoryAddress h5 {
	color: #333;
	font: 15px/25px gotham-mediumgotham-medium;
	padding-top: 10px
}
.factoryAddress, .zonalAddress {
	border-bottom: 1px dotted #c5c5c5
}
.zonalAddress h2 {
	padding-top: 30px
}
.contactCodeslist {
	padding: 20px 0
}
.feedbackCnt {
	padding-bottom: 30px
}
.feedbackDrpdwns {
	padding: 30px 0 20px;
	border-bottom: 1px dotted #c5c5c5
}
.feedbackDrpdwns .selectBox {
	width: 49.2%;
	margin: 0 10px 10px 0;
	float: left
}
.feedbackDrpdwns .selectBox:last-child {
	margin-right: 0
}
.feedbackSearchesList {
	padding: 25px 0
}
.eachfeedBacksearch {
	width: 50%;
	float: left;
	padding: 0 30px 40px 0
}
.eachfeedBacksearch h3 {
	color: #e51b2f;
	font: 20px/25px gotham-bookgotham-book
}
.eachfeedBacksearch h3 span {
	color: #666;
	padding-left: 2px
}
.feedbacksedetailinfoBtn {
	padding-top: 5px
}
.feedbacksedetailinfoBtn a {
	cursor: pointer;
	color: #fff;
	background: #e82d36;
	padding: 6px 20px;
	text-transform: uppercase;
	text-align: center;
	font: 11px/20px gotham_boldregular;
	letter-spacing: 1px;
	display: inline-block
}
.feedbacksedetailinfoBtn a:hover {
	background: #323232
}
.feedbacksedetailinfo span {
	text-transform: uppercase;
	font: 11px gotham-bookgotham-book;
	padding-bottom: 2px;
	display: block;
	color: #7a7a7a
}
.feedbacksedetailinfo p {
	color: #333;
	font: 15px/24px gotham-bookgotham-book
}
.feedbacksedetailinfo p a {
	color: #333
}
.feedbacksedetailinfo p a:hover {
	color: #e82d36
}
.eachfeedBacksearch .feedbacksedetailinfo {
	padding: 14px 0 10px;
	border-bottom: 1px solid #d9d9d9;
	margin-right: 20px
}
.eachfeedBacksearch .feedbacksedetailinfo:last-child {
	border-bottom: 0 solid transparent
}
.loadMorefebackSearch {
	text-align: center
}
.loadMorefebackSearch a {
	color: #666;
	font: 11px/24px gotham-bookgotham-book;
	text-align: center;
	border: 1px solid #999;
	padding: 7px 40px;
	margin: 20px auto 0 auto;
	display: block;
	text-transform: uppercase;
	display: inline-block
}
.loadMorefebackSearch a:hover {
	background: #e82d36;
	color: #fff;
	border-color: #e82d36
}
.feedbackDrpdwns ul.selectItem, .pressYear ul.selectItem {
	position: absolute;
	top: 100%;
	left: -1px;
	right: -1px;
	background: #fff;
	border: solid 1px #e51b2f;
	border-top: none
}
.feedbackfrmDelarinfo {
	width: 90%;
	padding: 35px 0 25px
}
.feedbackfrmDelarName {
	width: 50%;
	float: left;
	padding-right: 15px
}
.feedbackfrmDelarAddr {
	width: 50%;
	float: left
}
.feedbackfrmDelarName h3 {
	color: #333;
	font: 18px/24px gotham-bookgotham-book
}
.feedbackfrmDelarAddr p {
	color: #333;
	font: 13px/22px gotham-bookgotham-book
}
.feedbackfrmDelarAddr p span {
	font: 16px/22px gotham-mediumgotham-medium;
	display: block
}
.feedbackFrmFileds {
	padding: 20px 0 30px
}
.feedbackFrmFileds p {
	color: #666;
	font: 12px/18px gotham-bookgotham-book
}
.feedbackFrmFileds p sup {
	color: #e51b2f
}
.feedbackFrmFileds h3 {
	color: #333;
	font: 16px gotham-bookgotham-book;
	padding: 16px 0 12px 0
}
.eachfdbkformElement {
	width: 50%;
	float: left;
	padding: 0 20px 12px 0;
	position: relative
}
.eachfdbkformElement input {
	width: 100%;
	border: 1px solid #e5e5e5 !important;
	padding: 15px;
	font: 13px gotham-bookgotham-book
}
.eachfdbkformElement select {
	width: 100%;
	border: 1px solid #e5e5e5 !important;
	padding: 15px;
	font: 13px gotham-bookgotham-book;
	background: url(https://stage.hondacarindia.com/content/desktop/images/global/select-arrow.png) no-repeat right 10px center;
	color: #666;
}
.eachfdbkmailElement textarea {
	font-family: gotham-bookgotham-book, sans-serif;
	width: 97.4%;
	border: 1px solid #e5e5e5 !important;
	padding: 15px;
	font: 13px gotham-bookgotham-book;
	resize: none
}
.eachfdbkformElement sup {
	position: absolute;
	color: #e51b2f;
	right: 8px;
	top: -5px;
	font-size: 14px
}
.eachfdbkformElement p {
	padding: 25px 0 0 0;
	margin-left: -10px
}
.eachfdbkmailElement {
	position: relative
}
.eachfdbkmailElement sup {
	position: absolute;
	color: #e51b2f;
	right: 10px;
	top: -3px
}
.eachfdbkmailElement input {
	width: 97.4%;
	border: 1px solid #e5e5e5;
	padding: 15px;
	font: 13px gotham-bookgotham-book
}
.eachfdbkformElement .selectBox {
	border: 1px solid #e5e5e5
}
.eachfdbkformElement .selectBox span {
	padding: 15px
}
.eachfdbkformElement .selectBox i {
	top: 18px
}
.submitresetFsubFrom {
	padding: 5px 0
}
.submitresetFsubFrom input {
	background: #e82d36;
	color: #fff;
	padding: 15px 20px;
	border: none;
	text-transform: uppercase;
	margin-right: 2px;
	font: 11px gotham_boldregular;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: .5s ease
}
.submitresetFsubFrom input:hover {
	background: #323232;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: .5s ease
}
.feedbackgobackLink {
	color: #3a3a3a;
	font: 14px gotham-mediumgotham-medium;
	display: block;
	text-transform: uppercase;
	margin: 20px 0
}
.feedbackgobackLink:hover {
	color: #e82d36
}
.feedbackgobackLink img {
	float: left;
	padding-right: 10px
}
.captachaElament {
	padding: 15px 0 5px
}
.captachaElament p {
	color: #666;
	font: 11px gotham-bookgotham-book;
	padding: 5px 0
}
.feedbackcmmentdetails {
	padding-top: 5px;
	width: 90%
}
.feedbackPrsnldetails {
	padding-bottom:0px;
	width: 90%
}
.feedbackRadioElement {
	padding: 24px 0 25px 0;
	width: 90%
}
.feedbackRadioElement h4 {
	font: 16px gotham-bookgotham-book;
	color: #333
}
.feedbackRadioElement .eachfdbkformElement input {
	width: inherit;
	padding: 0;
	display: inline-block;
	vertical-align: middle
}
.feedbackRadioElement .eachfdbkformElement label {
	font: 13px gotham-bookgotham-book;
	color: #333;
	padding-right: 10px
}
.feedbackRadioElement .eachfdbkformElement {
	padding: 0
}
.feedbackRadioElement ul li {
	position: relative;
	float: left
}
.feedbackRadioElement ul li input[type=radio] {
	position: absolute;
	visibility: hidden
}
.feedbackRadioElement ul li label {
	display: block;
	position: relative;
	padding: 0 0 0 20px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all .25s linear
}
.feedbackRadioElement ul li .check {
	display: block;
	position: absolute;
	border: 1px solid #c6c6c6;
	border-radius: 100%;
	height: 13px;
	width: 13px;
	top: 0;
	left: 0;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear
}
.feedbackRadioElement ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 5px;
	width: 5px;
	top: 3px;
	left: 3px;
	margin: auto;
	transition: background .25s linear;
	-webkit-transition: background .25s linear
}
.feedbackRadioElement input[type=radio]:checked~.check {
	border: 1px solid #c6c6c6
}
.feedbackRadioElement input[type=radio]:checked~.check::before {
	background: #666
}
.eachfdbkformElement ul {
	padding-top: 2px
}
.eachfdbkformElement ul.selectItem {
	position: absolute;
	top: 100%;
	left: -1px;
	right: -1px;
	background: #fff;
	border: solid 1px #e51b2f;
	border-top: none
}
.form-border {
	position: relative
}
.form-border:before {
	position: absolute;
	left: 0;
	right: 20px;
	bottom: 0;
	border-bottom: dotted 0px #c5c5c5;
	content: ""
}
.pressReleaseTitle {
	background: #fff
}
.pressSrchBlock .pressSearch {
	float: left;
	max-width: 295px;
	width: 50%;
	position: relative;
	background: #fff;
	border: solid 1px #ccc
}
.pressSearch input {
	font: 13px gotham-bookgotham-book, sans-serif;
	letter-spacing: -.5px;
	color: #666;
	width: 100%;
	padding: 11px 20px;
	background: 0 0;
	border: none
}
.pressSearch i {
	background: url(../images/global/location-search.png) no-repeat center;
	width: 45px;
	height: 100%;
	position: absolute;
	right: 0;
	cursor: pointer;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	background-size: 36%
}
.pressSearch i:hover {
	background-image: url(../images/global/location-search-hover.png)
}
.pressSrchBlock .pressYear {
	max-width: 260px;
	width: 50%;
	position: relative
}
.pressYear .selectBox {
	background: #fff;
	border: solid 1px #ccc
}
.pressYear .selectBox i {
	top: 16px;
	right: 10px
}
.pressYear .selectBox span {
	padding: 12px 10px
}
.pressYear .selectBox ul li {
	border-bottom: solid 1px #e5e5e5;
	padding: 15px 5px;
	margin: 0 5px
}
.pressCont .innerContainer {
	border-top: 1px dashed #ccc;
	margin-top: 22px
}
.pressGrids {
	margin: 0 -5px
}
.pressGrids ul {
	overflow: hidden
}
.pressGrids li {
	float: left;
	width: 33.333%;
	padding: 0 5px;
	margin: 25px 0 0
}
.pressGridCont {
	border: 1px solid #cbcbcb;
	border-top: 2px solid #e31c2f;
	padding: 15px;
	position: relative;
	box-shadow: 1px 2px 2px #cbcbcb;
	-moz-box-shadow: 1px 2px 2px #ccc;
	-webkit-box-shadow: 1px 2px 2px #ccc
}
.pressGridCont span {
	border-bottom: 1px solid #ccc;
	margin: 0 0 17px;
	display: block;
	padding: 0 0 15px;
	color: #343434;
	font: 11px gotham-bookgotham-book, sans-serif
}
.pressGridCont h4 {
	padding: 0 0 12px;
	font: 13px/18px gotham-mediumgotham-medium;
	color: #323232
}
.pressGridCont p {
	color: #231f20;
	padding: 0 0 25px;
	font: 13px/18px gotham-bookgotham-book
}
.pressGridCont a {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	text-transform: uppercase;
	color: #e31b2f;
	font: 10px gotham-bookgotham-book;
	cursor: pointer;
	padding: 13px 0
}
.pressGridCont a:hover {
	color: #999
}
.pressLoadMore {
	padding: 40px 0 54px;
	text-align: center
}
.pressLoadMore a {
	text-transform: uppercase;
	color: #666;
	padding: 12px 92px;
	background: #f5f5f5;
	display: inline-block;
	border: 1px solid #d7d7d7;
	font: 11px gotham-bookgotham-book
}
.pressLoadMore a:hover {
	background: #e41a30;
	color: #fff;
	border-color: #e41a30
}
.pressOverlay {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,.68);
	z-index: 9999999
}
.overlayCont {
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute
}
.overlayCont #close {
	width: 23px;
	background: url(../images/media/close-icon.png) no-repeat center;
	height: 23px;
	position: absolute;
	top: 25px;
	right: 25px;
	cursor: pointer;
	transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-webkit-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	-ms-transition: all ease-in-out .2s
}
.overlayCont #close:hover {
	transform: rotate(90deg)
}
.bgWhite {
	background: #fff
}
.overlayBlock {
	padding: 30px 0 30px 30px
}
.overlayBlock h2 {
	color: #da1b2f;
	padding: 0 0 20px;
	font: 22px gotham-bookgotham-book;
	letter-spacing: -1px;
	margin-right: 120px
}
.overlayBlock h4 {
	color: #231f20;
	font: 14px/18px gotham-mediumgotham-medium
}
.overlayBlock p {
	font: 13px/18px gotham-bookgotham-book;
	padding: 10px 0 15px;
	color: #323232
}
.datenDownloads {
	border-bottom: 1px dashed #ddd;
	overflow: hidden;
	padding: 0 0 5px;
	margin: 0 0 20px;
	margin-right: 120px
}
.pressDownloadOptions, .pressdate {
	float: left;
	width: 50%
}
.pressDownloadOptions ul {
	float: right
}
.pressDownloadOptions li img {
	display: block
}
.pressDownloadOptions li {
	border-right: 1px solid #d8d8d8
}
.pressDownloadOptions li:last-child {
	border: none
}
.pressdate p {
	font: 12px/18px gotham-bookgotham-book;
	padding: 10px 0 0
}
.pressdate span {
	border-left: 1px solid #ccc;
	padding: 0 15px;
	margin: 0 10px
}
.pressDownloadOptions li {
	float: left
}
.pressOverlayCon {
	max-height: 400px;
	overflow: auto;
	padding-right: 120px
}
.mediaVideoTitle {
	background: #fff
}
.mediaVideoTitle .innerContLeft {
	float: left;
	border: none;
	width: 60%;
	max-width: inherit;
	padding: 0
}
.mediaVideoTitle .innerContRight {
	float: left;
	width: 40%;
	max-width: inherit;
	padding: 0
}
.mediaVideoTitle .innerContRight ul {
	float: right;
	margin: 10px 0 0
}
.mediaVideoTitle .innerContRight li {
	float: left
}
.mediaVideoTitle .innerContRight li a {
	border-right: 1px solid #ddd;
	padding: 7px 10px;
	color: #999;
	font: 13px gotham-bookgotham-book
}
.mediaVideoTitle .innerContRight li a:hover {
	color: #e51b2f
}
.mediaVideoTitle .innerContRight li.active a {
	color: #e51b2f;
	font: 13px gotham-mediumgotham-medium
}
.mediaVideoTitle .innerContRight li:last-child a {
	border: none
}
.mediaVideoWrapper {
	padding: 0 35px 5px;
	overflow: hidden
}
.mediaVideoWrapper ul li {
	float: left;
	width: 33.333%;
	cursor: pointer
}
.mediaGrid {
	position: relative;
	margin: 1px
}
.mediaGrid img {
	display: block;
	width: 100%
}
.mediaGridTitle {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 16px
}
.mediaGridTitle h2 {
	font: 14px gotham_boldregular;
	padding: 10px 0 0;
	color: #fff
}
.mediaGridTitle h2 a {
	color: #fff;
	display: block
}
.mediaGridTitle i {
	background: url(../images/global/video-play.png) no-repeat center/100%;
	width: 38px;
	height: 38px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
	overflow: hidden
}
.mediaVideoWrapper ul li:hover .mediaGridTitle i {
	background-image: url(../images/global/video-play-hover.png);
	background-position: center 1px
}
.mediaGridTitle span {
	display: inline-block;
	vertical-align: middle;
	font: 14.96px gotham_boldregular;
	width: 80%
}
.galleryVideoPop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.9);
	z-index: 99999;
	display: none
}
.ride-popup-con {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1024px;
	margin: 0 auto
}
.ride-popup-close {
	position: absolute;
	top: 0;
	right: 0;
	background: #fff url(../images/media/close-icon.png) no-repeat center;
	width: 50px;
	height: 50px;
	cursor: pointer
}
.ride-popup-close:hover {
	background-image: url(../images/media/drop-close-hover.png)
}
.brochuresPage {
	background: #fff;
	margin-bottom: 1px
}
.brochuresPage .dropModels {
	padding: 0;
	height: auto!important;
	overflow: inherit;
	border-bottom: none
}
.brochuresPage .dropModels .col33 {
	border: solid 1px #e0e0e0;
	border-right-color: #fff
}
.brochuresPage .dropModels .col33 {
	min-height: 188px;
	position: relative
}
.brochuresPage .dropModelCon h3 {
	font: 15px gotham-bookgotham-book, sans-serif;
	color: #e51b2f;
	text-align: center;
	margin: 0
}
.brochuresPage .downloadBrocher {
	background: #ddd;
	width: 36px;
	height: 36px;
	margin: auto;
	text-align: center;
	position: absolute;
	right: -1px;
	bottom: 0;
	transition: all ease-out .3s
}
.downloadBrocher img {
	position: relative;
	top: 10px
}
.downloadBrocher .dropModels .col33:hover.downloadBrocher {
	background: #e51b2f
}
.dropModels .col33:hover .downloadBrocher {
	background: #e51b2f
}
.brochuresPage .dropModels .col33 {
	padding: 0
}
.brochuresPage .dropModels .col33 a {
	padding: 15px 0 25px 0;
	display: block;
	cursor: pointer
}
.wallpaperPopup {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,.68);
	z-index: 9999999
}
.wallpaperPopup .bgWhite {
	background: #f7f8fa
}
.wallpaperPopup .wall-thumbs ul li {
	display: inline-block
}
.wallpaperPopup .wall-thumbs {
	background: #ccc;
	position: relative;
	padding: 10px 31px
}
.wallpaperPopup .wall-thumbs img {
	cursor: pointer;
	border: solid 2px #ccc
}
.wallpaperPopup .wall-thumbs .wallThumb img {
	border: solid 2px red
}
.wallpaperPopup .wall-thumbs img:hover {
	border-color: red
}
.wallpaperPopup .overlayBlock {
	max-width: 100%;
	padding: 30px
}
.wallpaperPopup .share {
	float: right;
	margin-right: 20%;
	position: relative;
	top: -50px;
	z-index: 9
}
.wallpaperPopup .wall-thumbs ul {
	margin: 0 30px;
	padding: 10px 0
}
.wallpaperPopup .left a {
	width: 60px;
	height: 60px;
	background: #989898;
	text-align: center;
	position: absolute;
	top: 30%;
	left: 0;
	z-index: 999
}
.wallpaperPopup .right a {
	width: 60px;
	height: 60px;
	background: #989898;
	text-align: center;
	position: absolute;
	top: 30%;
	right: 0;
	z-index: 999
}
.wallpaperPopup .left img {
	position: relative;
	top: 25px;
	margin: auto
}
.wallpaperPopup .right img {
	position: relative;
	top: 25px;
	margin: auto
}
.wallpaperPopup .thumb-left {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
	background: #ccc
}
.wallpaperPopup .thumb-right {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
	background: #ccc
}
.wallpaperPopup .overlayCont #close {
	background: #e31b2f url(../images/media/close.png) no-repeat center;
	top: 0;
	right: 0;
	transform: none;
	width: 60px;
	height: 60px;
	z-index: 99
}
.wallpaperPopup .overlayCont #close:hover {
	background-color: #323232
}
.wallpaperPopup .innerContainer {
	max-width: 1024px
}
.wallpaperPopup .left a:hover {
	background: #333
}
.wallpaperPopup .right a:hover {
	background: #333
}
.wallpaperPopup .thumb-left a {
	display: block;
	padding: 73px 15px;
	background: url(../images/media/thumb-left.png) no-repeat center;
	cursor: pointer
}
.wallpaperPopup .thumb-left a:hover {
	background-image: url(../images/media/thumb-left-hover.png)
}
.wallpaperPopup .thumb-right a {
	display: block;
	padding: 73px 15px;
	background: url(../images/media/thumb-right.png) no-repeat center;
	cursor: pointer
}
.wallpaperPopup .thumb-right a:hover {
	background-image: url(../images/media/thumb-right-hover.png)
}
.bigimage {
	text-align: center
}
.bigimage img {
	width: auto!important;
	display: inline-block!important
}
.wallpaperPopup .owl-nav.disabled {
	display: none
}
.disclaimerCon {
	padding-right: 0
}
.disclaimerCon p a, .disclaimerCon p a.more:hover {
	color: #333
}
.disclaimerCon p a:hover {
	color: #e41b2e
}
.disclaimerCon p a.more {
	color: #e41b2e
}
.pageNotfound img {
	display: block
}
.thanqPage h1 {
	font: 60px gotham-mediumgotham-medium;
	color: #e51b2f;
	padding: 20px 0
}
.thanqPage {
	text-align: center;
	padding: 11% 0
}
.selectBox {
	position: relative;
	z-index: 1;
	border: solid 1px #ccc;
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s
}
.selectBox span {
	display: block;
	padding: 20px 15px;
	cursor: pointer;
	font: 13px gotham-bookgotham-book;
	color: #666;
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s
}
.selectBox i {
	background: url(../images/global/select-arrow.png) no-repeat center;
	width: 13px;
	height: 8px;
	position: absolute;
	right: 15px;
	top: 25px
}
.selectBox ul {
	background: 0 0;
	font: 13px gotham-bookgotham-book;
	color: #323232;
	z-index: 1;
	cursor: pointer;
	display: none;
	max-height: 200px;
	overflow: auto
}
.selectBox ul li {
	border-bottom: solid 1px #e5e5e5;
	padding: 15px;
	margin: 0 5px
}
.selectBox ul li:last-child {
	border: none
}
.selectBox ul li.active, .selectBox ul li:hover {
	color: #e51b2f
}
.selectBox.active {
	border-color: #e51b2f;
	z-index: 99
}
.selectBox span:hover, .selectBox.active span {
	background: #f2f2f2;
	color: #323232
}
.chooseOption[type=radio]:checked, .chooseOption[type=radio]:not(:checked) {
	left: -9999px;
	position: absolute
}
.chooseOption[type=radio]:checked+label, .chooseOption[type=radio]:not(:checked)+label {
	cursor: pointer;
	font-weight: 400;
	line-height: 20px;
	padding: 3px 0 0 30px;
	position: relative;
	white-space: nowrap
}
.chooseOption[type=radio]:checked+label::before, .chooseOption[type=radio]:not(:checked)+label::before {
	border: 1px solid #989898;
	border-radius: 50%;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px
}
.chooseOption[type=radio]:checked+label::after, .chooseOption[type=radio]:not(:checked)+label::after {
	background: #e51b2f;
	border-radius: 50%;
	color: #fff;
	content: "";
	height: 10px;
	left: 5px;
	line-height: 12px;
	position: absolute;
	text-align: center;
	top: 5px;
	transition: all .2s ease 0s;
	width: 10px
}
.chooseOption[type=radio]:not(:checked)+label::after {
	opacity: 0;
	transform: scale(0)
}
.chooseOption[type=radio]:checked+label::after {
	opacity: 1;
	transform: scale(1)
}
.customCheckbox[type=checkbox]:checked, .customCheckbox[type=checkbox]:not(:checked) {
	left: -9999px;
	position: absolute
}
.customCheckbox[type=checkbox]:checked+label, .customCheckbox[type=checkbox]:not(:checked)+label {
	cursor: pointer;
	padding: 0 15px 0 30px;
	position: relative;
	font: 14px/20px gotham-bookgotham-book;
	color: #333
}
.customCheckbox[type=checkbox]:checked+label::before, .customCheckbox[type=checkbox]:not(:checked)+label::before {
	background: #fff;
	border: 1px solid #b9b7b5;
	content: "";
	height: 21px;
	left: 0;
	position: absolute;
	top: -3px;
	width: 21px
}
.customCheckbox[type=checkbox]:checked+label::after, .customCheckbox[type=checkbox]:not(:checked)+label::after {
	height: 16px;
	left: 3px;
	line-height: 21px;
	position: absolute;
	top: 0;
	transition: all .1s ease .1s;
	width: 16px;
	background: url(../images/global/checkbox.png) no-repeat center;
	background-size: 100%;
	content: ""
}
.customCheckbox[type=checkbox]:not(:checked)+label::after {
	opacity: 0;
	transform: scale(0)
}
.customCheckbox[type=checkbox]:checked+label::after {
	opacity: 1;
	transform: scale(1)
}
.customCheckbox[type=checkbox]:disabled:checked+label::before, .customCheckbox[type=checkbox]:disabled:not(:checked)+label::before {
	background-color: #ddd;
	border-color: #bbb;
	box-shadow: none
}
.customCheckbox[type=checkbox]:disabled:checked+label::after {
	color: #999
}
.customCheckbox[type=checkbox]:disabled+label {
	color: #aaa
}
.hcWrapper {
	width: 100%;
	margin-top: 67px
}
.hcWrapper * {
	box-sizing: border-box
}
.hcContainer {
	max-width: 1024px;
	position: relative;
	margin: 0 auto
}
.hcNotifyForm {
	width: 250px;
	position: absolute;
	top: 10px;
	right: 0;
	background: #c00;
	display: block
}
.hcNotifyForm h2 {
	color: #fff;
	font-size: 15px;
	padding: 13px 30px 6px;
	margin: 0;
	font-weight: 400;
	font-family: gotham-mediumgotham-medium;
	text-transform: uppercase
}
.hcNotifyFormContainer {
	background: #000;
	padding: 10px 10px;
	margin: 5px 5px;
	float: left
}
.hcNotifyFormContainer p {
	color: #fff;
	font-size: 14px;
	padding-bottom: 15px;
	margin: 0
}
.hcNotifyFormContainer input, .hcNotifyFormContainer select {
	background: #abadaf;
	height: 25px;
	padding: 0 15px;
	font-size: 12px;
	color: #38393a;
	border: none;
	width: 100%;
	border-radius: 0;
	margin-bottom: 5px
}
.hcNotifyFormContainer .cNotifyFormMobileField {
	width: 70%;
	float: left
}
.cNotifyFormSubmit {
	width: 28%;
	float: right;
	font-family: gotham-mediumgotham-medium
}
.cNotifyFormSubmit input {
	background: #c00;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-weight: 700;
	padding: 0
}
.hcNotifyFormContainer select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/hc-form-select-arrow.png) right 10px center no-repeat #abadaf;
	border-radius: none
}
.cNotifyFormField {
	width: 100%;
	float: left
}
.hcNotifyFormContainer::-webkit-input-placeholder {
color:#38393a;
opacity:1!important
}
.hcNotifyFormContainer :-moz-placeholder {
color:#38393a;
opacity:1!important
}
.hcNotifyFormContainer ::-moz-placeholder {
color:#38393a;
opacity:1!important
}
.hcNotifyFormContainer :-ms-input-placeholder {
color:#38393a;
opacity:1!important
}
.hcNotifyThanksMsg {
	padding: 30px 0;
	display: none;
	width: 100%;
	float: left
}
.hcNotifyBtn {
	font-size: 20px;
	width: 198px;
	color: #fff;
	background: #c00;
	text-align: center;
	padding: 8px 0;
	font-weight: 700;
	position: absolute;
	top: 80px;
	right: 0;
	cursor: pointer
}
.hcNotifyFormClose {
	color: #fff;
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer
}
.fancybox-navigation .fancybox-button div {
	line-height: 21px
}
@media only screen and (max-height:800px) {
.bigimage img {
	height: 400px
}
}
@media only screen and (max-height:600px) {
.dropModels {
	height: 600px;
	overflow: auto
}
}
.corporateDropdown:after, .corporateTabCon:after, .corporateTabs:after, .footerBottom:after, .footerTop:after, .topHeader:after {
	clear: both;
	display: block;
	content: "";
	margin: 0;
	padding: 0
}
.mainWrapActive:before {
	background: rgba(0,0,0,.81);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: "";
	z-index: 999
}
.topHeader {
	background: #e51b2f;
	position: relative;
	z-index: 99999999 !important;
}
.hondaLogo {
	float: left;
	text-align: center;
	min-width: 195px
}
.hondaLogo a {
	display: block;
	padding: 16px 0 15px
}
.hondaLogo img {
	max-width: 140px
}
.mainMenu {
	float: left;
	width: 829px;
	display: table
}
.mainMenu>ul>li {
	text-align: center;
	display: inline-table;
	vertical-align: middle;
	height: 67px;
	margin-right: -5px
}
.mainMenu>ul>li>a {
	height: 67px;
	text-align: center;
	color: #fff;
	font: 9px/12px gotham-mediumgotham-medium, sans-serif;
	letter-spacing: 1px;
	padding: 0 18.1px 0 18.2px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	text-transform: uppercase
}
.mainMenu>ul>li>a:before {
	content: "";
	background: #ff8a8f;
	width: 1px;
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	height: 51px
}
.mainMenu>ul>li.active.canumber a, .mainMenu>ul>li.canumber a, .mainMenu>ul>li.canumber a:hover {
	cursor: default;
	background: #e51b2f
}
.mainMenu>ul>li.canumber:hover a:before {
	cursor: default;
	background: #ff8a8f;
	display: block
}
.mainMenu>ul>li:last-child a:after {
	display: none
}
.mainMenu>ul>li>a:after {
	content: "";
	width: 5px;
	position: absolute;
	right: -1px;
	top: 0;
	bottom: 0;
	z-index: 9;
	height: 67px
}
.mainMenu>ul>li.active, .mainMenu>ul>li.active a, .mainMenu>ul>li.active a:after, .mainMenu>ul>li.active a:before, .mainMenu>ul>li:hover, .mainMenu>ul>li:hover a:after, .mainMenu>ul>li:hover a:before {
	background-color: #999
}
.mainMenu>ul>li>a>img {
	margin-bottom: 5px
}
.mainMenu>ul>li span {
	display: block;
	font: 12px gotham-bookgotham-book, sans-serif;
	padding-top: 5px
}
.mainMenu>ul>li:nth-child(8) a {
	padding: 0 18px
}
.dropDownMenu {
	background: #fff;
	border-top: solid 3px #999;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9999;
	display: none;
	z-index: 999
}
.homeDropDownMenu:after {
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: 61px 0 60px;
	content: ""
}
.dropClose {
	background: url(../images/global/sprite.png) no-repeat 0 -124px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 9;
	padding: 0!important;
	margin: 0!important
}
.dropClose:hover {
	background-position: -50px -124px
}
.dropModels {
	padding: 15px 0 35px;
	border-bottom: solid 4px #e51b2f;
	position: relative;
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	overflow: auto
}
.dropModels .col33 {
	width: 25%;
	padding: 15px 0;
	float: left;
	border: solid 1px #fff;
	border-right-color: #e0e0e0;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	min-height: 215px;
	position: relative;
	margin-bottom: -1px
}
.dropModels .col33:after {
	content: '';
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -1px;
	height: 1px;
	background: #e51b2f;
	z-index: 10
}
.dropModels .col33.dropModelsLast:after {
	display: none
}
.dropModels .col33:nth-child(4n) {
	border-right-color: #fff
}
.dropModels .col33.dropModelsLast {
	border-bottom-color: #fff
}
.dropModels .col33:hover {
	border: solid 1px #e51b2f
}
.dropModels .col33 a:after, .dropModels .col33 a:before {
	display: none
}
.dropModelCon img {
	max-width: 95%
}
.dropModelCon h3 {
	font: 15px gotham-bookgotham-book, sans-serif;
	color: #e51b2f;
	margin: -5px 0 0 0;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.dropModelCon h3 span {
	font-size: 10px;
	color: #666;
	display: block
}
.dropModelCon p {
	font: 14px gotham-bookgotham-book, sans-serif;
	color: #333;
	margin: 10px 0 0 0
}
.dropModelCon p img {
	max-width: 8px;
	display: inline-block;
	margin-right: 0
}
.dropModelCon:hover h3 {
	color: #333
}
.dropModels .col33.noBorder:hover {
	border-color: #fff;
	border-right: solid 1px #e0e0e0
}
.dropModelsTag {
	text-align: left;
	padding: 0 15px;
	position: absolute;
	right: 0;
	bottom: 15px
}
.dropModelsTag1 {
	text-align: left;
	padding: 0 15px;
	position: absolute;
	right: 0;
	bottom: 10px
}
.menuIcon {
	width: 25px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
	margin-bottom: 5px
}
.modelsIcon {
	background-position: left top
}
.priceIcon {
	background-position: -25px top
}
.driveIcon {
	background-position: -50px top
}
.dealerIcon {
	background-position: -75px top
}
.offersIcon {
	background-position: -100px top
}
.serviceIcon {
	background-position: -270px -163px
}
.rupeeIcon {
	width: 8px;
	height: 11px;
	display: inline-block;
	background: url(../images/global/sprite.png) no-repeat -125px top
}
.menusearchIcon {
	width: 16px;
	height: 14px;
	display: inline-block;
	background: url(../images/global/sprite.png) no-repeat -140px top
}
.mainMenu>ul>li.searchMenu.active .menusearchIcon {
	background-position: -140px -19px
}
.corporateDropdown, .dealerDropdown {
	background: #e8e8e8
}
.corporateDropdown ul li {
	float: left;
	width: 33.33333%
}
.corporateDropdown ul li a, .dealerDropdown li a {
	padding: 15px 0;
	display: block;
	background: 0 0!important;
	font: 11px gotham-bookgotham-book, sans-serif;
	color: #727272;
	text-transform: uppercase;
	position: relative
}
.corporateDropdown ul li a:after, .dealerDropdown li a:after {
	background: #fff!important;
	width: 1px;
	position: absolute;
	right: -1px;
	top: 8px;
	bottom: 8px;
	content: ""
}
.corporateDropdown ul li:last-child a:after, .dealerDropdown li:last-child a:after {
	display: none
}
.corporateDropdown ul li a:hover:after, .corporateDropdown ul li:hover a:after {
	top: 0;
	bottom: 0
}
.corporateDropdown ul li a:hover, .corporateDropdown ul li:hover, .corporateDropdown ul li:hover a, .dealerDropdown ul li a:hover {
	background: #fff!important;
	color: #e51b2f;
	font-family: gotham-mediumgotham-medium
}
.corporateDropdown ul li .corporateSubMenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding-bottom: 3px
}
.corporateDropdown ul li:hover .corporateSubMenu {
	display: block
}
.corporateDropdown ul li:hover ul.subMenu {
	background: #fff;
	max-width: 820px;
	margin: 0 auto
}
.corporateDropdown ul li ul.subMenu li {
	position: relative
}
.corporateDropdown ul li ul.subMenu li:after {
	background: #cbcbcb;
	position: absolute;
	right: 0;
	top: 10px;
	bottom: 10px;
	content: "";
	width: 1px
}
.corporateDropdown ul li ul.subMenu li:last-child:after {
	display: none
}
.corporateDropdown ul li ul.subMenu li a {
	color: #727272;
	text-transform: none;
	font-family: gotham-bookgotham-book, sans-serif
}
.corporateDropdown ul li ul.subMenu li a:hover {
	color: #e51b2f
}
.corporateDropdown ul li ul.aboutMenu li {
	width: 25%
}
.corporateDropdown ul li ul.exploreMenu li {
	width: 33.333333%
}
.corporateDropdown ul li ul.mediaMenu li {
	width: 25%
}
.corporateDropdown .innerContainer, .dealerDropdown .innerContainer {
	position: static
}
.corporateSubMenu {
	background: #ebebeb
}
.dealerDropdown li {
	float: left;
	width: 50%
}
#footer {
	background: #2f3438;
	color: #fff;
	font-size: 12px;
	display: table;
	width: 1024px;
	margin: 0 auto;
	float: none;
}
#footer .followTitle:after {
	display: none
}
.footerTop {
	position: relative
}
.footerTop h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	font: 12px gotham-bookgotham-book, sans-serif;
	color: #fff;
	padding: 23px 0 24px;
	border-bottom: solid 1px #666
}
.footersitemap {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background-size: 15px;
	cursor: pointer;
	z-index: 9
}
.footersitemap.open {
	background: #666 url(../images/global/sprite.png) no-repeat -150px -49px
}
.footersitemap.open:hover {
	background-position: -210px -49px
}
.footersitemap.close {
	background-position: -150px -124px
}
.footersitemap.close:hover {
	background-position: -210px -124px
}
.footerLinks {
	float: left;
	width: 16.666666666%
}
.footerLinks ul {
	padding-top: 20px;
	display: none;
	margin-bottom: 20px
}
.footerLinks li {
	padding-bottom: 10px
}
.footerLinks li h4 {
	margin-top: 5px;
	padding: 15px 0 5px 0;
	border-bottom: none;
	border-top: solid 1px #666
}
.footerLinks li a {
	color: #fff;
	line-height: 15px
}
.footerLinks li a:hover {
	color: #989898
}
.footerLinks p {
	line-height: 20px
}
.footerLinksPad h4, .footerLinksPad ul {
	padding-left: 30px
}
.sociaIcons li {
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	vertical-align: top;
	padding-bottom: 0
}
.sociaIcons li a {
	background: rgba(255,255,255,.5);
	width: 27px;
	height: 27px;
	border-radius: 100%;
	color: #2d3538;
	display: inline-block;
	font-size: 15px;
	transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s
}
.sociaIcons li a:before {
	font-family: FontAwesome;
	line-height: 27px
}
.sociaIcons li a:hover {
	background: #fff
}
.footerLinks:nth-child(4) h4 {
	padding-left: 20px
}
.footerLinks:nth-child(4) ul {
	padding-left: 20px
}
.facebookBtn:before {
	content: "\f09a"
}
.TwitterBtn:before {
	content: "\f099"
}
.youtubeBtn:before {
	content: "\f167"
}
.instagramBtn:before {
	content: "\f16d"
}
.footerBottom {
	padding: 20px 30px
}
.fAddress {
	width: 31.7%;
	float: left
}
.fAddress p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px
}
.fAddress p:last-child {
	padding-bottom: 0
}
.fAddress p span {
	font-family: gotham-mediumgotham-medium, sans-serif;
	font-size: 13px;
	display: block
}
.fAddress a {
	color: #fff
}
.socialwidget {
	float: left;
	padding-left: 25px;
	width: 34%
}
.socialwidget:last-child {
	padding-left: 10px
}
.socialCon {
	background: #262626;
	padding: 20px 35px 20px 15px;
	min-height: 135px
}
.socialwidget p {
	line-height: 18px;
	padding-bottom: 10px
}
.socialwidget p span {
	font-family: gotham-mediumgotham-medium, sans-serif;
	font-size: 13px
}
.socialwidget p a {
	color: #fff
}
.socialwidget p a:hover {
	color: rgba(255,255,255,.5)
}
.followTitle {
	border: none;
	cursor: default;
	text-transform: uppercase;
	font: 12px gotham-bookgotham-book, sans-serif;
	color: #fff;
	letter-spacing: 1px;
	padding: 0;
	margin: 0 0 10px 0
}
.copyRight {
	background: #4f4f4f;
	color: #ccc;
	font: 11px gotham-bookgotham-book, sans-serif;
	padding: 25px 30px
}
.copyRight a {
	color: #ccc;
	display: inline-block;
	padding: 0 5px
}
.copyRight a:hover {
	color: #fff
}
.sidebar-sticky {
	position: absolute;
	top: 220px;
	z-index: 999
}
.sidebar-sticky ul li {
	display: block;
	font: 9px/10px gotham-bookgotham-book, sans-serif;
	text-align: center;
	text-transform: uppercase;
	max-width: 65px
}
.sidebar-sticky ul li span {
	display: block;
	margin-top: 5px
}
.sidebar-sticky ul li a {
	color: #fff;
	display: block;
	background: #999;
	padding: 10px 0;
	position: relative;
	border-bottom: solid 1px #999
}
.sidebar-sticky ul li a:after {
	background: #ccc;
	position: absolute;
	height: 1px;
	left: 5px;
	right: 5px;
	bottom: -1px;
	content: ""
}
.sidebar-sticky ul li:first-child a {
	padding-top: 15px
}
.sidebar-sticky ul li:last-child a {
	padding-bottom: 15px;
	border: none
}
.sidebar-sticky ul li a:hover {
	background: #e11b2f
}
.sidebar-sticky ul li:last-child a:after {
	display: none
}
.sidebar-sticky.fixed {
	position: fixed;
	top: 140px;
	transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none
}
.sidebar-fixed-sticky li i, .sidebar-sticky li i {
	width: 20px;
	height: 24px;
	display: inline-block;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat
}
.sticky-priceIcon {
	background-position: 0 -174px
}
.sticky-emi {
	background-position: -20px -174px
}
.sticky-drive {
	background-position: -40px -174px
}
.sticky-dealer {
	background-position: -60px -174px
}
.sticky-brochure {
	background-position: -80px -174px
}
.sidebar-fixed {
	position: relative;
	z-index: 10
}
.sidebar-fixed-sticky {
	position: absolute;
	left: 0;
	bottom: 0
}
.sidebar-fixed-sticky ul li {
	display: block;
	font: 9px/10px gotham-bookgotham-book, sans-serif;
	text-align: center;
	text-transform: uppercase;
	max-width: 65px
}
.sidebar-fixed-sticky ul li span {
	display: block;
	margin-top: 5px
}
.sidebar-fixed-sticky ul li a {
	color: #fff;
	display: block;
	background: #999;
	padding: 10px 0;
	position: relative
}
.sidebar-fixed-sticky ul li a:after {
	background: #ccc;
	position: absolute;
	height: 1px;
	left: 5px;
	right: 5px;
	bottom: 0;
	content: ""
}
.sidebar-fixed-sticky ul li:first-child a {
	padding-top: 15px
}
.sidebar-fixed-sticky ul li:last-child a {
	padding-bottom: 15px
}
.sidebar-fixed-sticky ul li a:hover {
	background: #e11b2f
}
.sidebar-fixed-sticky ul li:last-child a:after {
	display: none
}
.overlayAlert {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,.7);
	z-index: 9999999;
	display: none
}
.onloadContainer {
	margin: auto;
	max-width: 350px;
	height: 250px;
	background: #fff;
	left: 50%;
	top: 0;
	bottom: 0;
	position: absolute;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}
.formOnload .titleBlock {
	background: #e21b2e;
	padding: 16px 15px;
	position: relative
}
.formOnload .titleBlock h3 {
	font: 15px/15px gotham-bookgotham-book, sans-serif;
	color: #000;
	background: #e21b2e;
	color: #fff
}
.formOnload .titleBlock span {
	cursor: pointer;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	background: #e9e9e9 url(../images/close1.png) no-repeat center
}
.formOnload .titleBlock span:hover {
	background-image: url(../images/close1_hover.png)
}
.loadForm {
	padding: 20px;
	background: #efefef
}
.loadForm p {
	font: 15px/18px gotham-bookgotham-book, sans-serif;
	color: #333;
	margin-bottom: 5px
}
.loadForm .textBox {
	width: 100%;
	background: #fff;
	border: none;
	padding: 10px 15px;
	margin: 5px 0
}
.loadForm .submitBtn {
	background: #999;
	width: 100%;
	color: #fff;
	padding: 12px 45px;
	cursor: pointer;
	margin-top: 10px;
	font: normal 14px gotham-mediumgotham-medium, sans-serif;
	letter-spacing: 2px;
	border: none;
	text-transform: uppercase;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease
}
.loadForm .submitBtn:hover {
	background: #e21b2e
}
.field-validation-error span {
	color: red!important
}
.ride-contact-row span.field-validation-error span {
	color: red
}
input.input-validation-error {
	border: 1px solid red;
	color: red;
	background: #fff
}
.priceCalculator {
	background: #bababa;
	padding: 35px
}
.priceCalculator .container {
	overflow: hidden
}
.priceCalculator .col33 {
	width:16.667% !important;
	text-align: center;
	float: left;
	vertical-align: top;
	font-size: 9px;
	line-height: 13px;
	border-right: solid 1px #bababa
}
.priceCalculator .col33:last-child {
	border: none
}
.priceCalculator .content {
	background: #f3f3f3;
	padding: 15px;
	margin-bottom: -1000px;
	padding-bottom: 1020px
}
.priceCalculator h3 {
	text-transform: uppercase;
	padding-bottom: 7px;
	margin: 7px 0;
	font-family: gotham-bookgotham-book, Geneva, sans-serif;
	font-size: 8px;
	letter-spacing: 1px;
	font-weight: 400;
	position: relative
}
.priceCalculator h3:after {
	width: 14px;
	height: 1px;
	background: #d91b2f;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -7px;
	content: ""
}
.priceCalculator h3 a {
	text-decoration: none;
	color: #666;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: inline-block
}
.priceCalculator h3 a:hover {
	color: #e7505f
}
.priceCalculator h3 a span {
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 auto;
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s;
	overflow: hidden;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	position: relative
}
.priceCalculator span.priceIcon {
	background-position: -100px -183px
}
.priceCalculator span.emiIcon {
	background-position: -122px -183px
}
.priceCalculator span.testIcon {
	background-position: -144px -183px
}
.priceCalculator span.dealerIcon {
	background-position: -166px -183px
}
.priceCalculator span.brochureIcon {
	background-position: -188px -183px
}
.priceCalculator a:hover span.priceIcon {
	background-position: -100px -205px
}
.priceCalculator a:hover span.emiIcon {
	background-position: -122px -205px
}
.priceCalculator a:hover span.testIcon {
	background-position: -144px -205px
}
.priceCalculator a:hover span.dealerIcon {
	background-position: -166px -205px
}
.priceCalculator a:hover span.brochureIcon {
	background-position: -188px -205px
}
.siteMap {
	background: #e9e9e9 none repeat scroll 0 0;
	padding: 10px 30px 5px
}
.siteMap p {
	color: #000;
	font: 14px gotham-bookgotham-book;
	text-transform: uppercase
}
body {
	background-color: #fff
}
.hcl-mainWrapper {
	width: 100%;
	float: left
}
.hcl-mainWrapper * {
	box-sizing: border-box
}
.hcl-mainWrapper .container {
	max-width: 1024px;
	position: relative;
	margin: 0 auto;
	background: #fff;
}
.brio-icon-8 {
	background: url(../images/CSS-Sprites.png);
	background-position: -804px -49px;
	width: 23px;
	height: 15px;
	margin: 0;
	float: left
}
.up-arrow {
	position: fixed;
	bottom: 30px;
	right: 20px;
	background: #e51b2f;
	padding: 10px;
	width: 40px;
	height: 40px;
	display: none;
	cursor: pointer
}
.up-arrow span {
	color: #fff;
	width: 100%;
	font-size: 10px
}
#header {
	padding: 0;
	width: 1024px;
	z-index: 9999;
	margin: 0 auto
}
.headerWrapper {
	width: 1024px;
	margin: 0 auto;
	z-index: 999;
}
.bottom-menu {
	padding: 10px 25px 10px 21px;
	background: #555556;
	width: 1024px;
	margin: 0 auto;
	min-height: 74px;
	z-index: 998;
	position: relative
}
.bottom-menu.fixed {
	position: fixed;
	left: 50%;
	right: 0;
	top: 0;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}
#menu {
	float: left;
	text-align: center
}
#menu li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 13px;
	vertical-align: middle
}
#menu li a {
	color: #fff;
	font: normal 12px/15px gotham-bookgotham-book, sans-serif;
	border-bottom: 2px solid transparent;
	padding-bottom: 3px;
	display: block
}
#menu li a:hover, #menu li.current a {
	border-color: #e52d36
}
#menu li.price-menu {
	padding: 8px 13px
}
#menu li.price-menu:hover {
	border-color: #e52d36
}
#menu li.price-menu a {
	padding: 25px 0 0 0;
	padding-bottom: 0;
	padding-bottom: 0;
	font: 9px gotham_boldregular, sans-serif;
	letter-spacing: 1px;
	border: none;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-bottom: 2px solid transparent;
	padding-bottom: 4px;
	background: url(../images/CSS-Sprites.png);
	background-position-x: 0;
	background-position-y: 0;
	background-position: -495px -8px
}
#menu li.price-menu a:hover {
	border-color: #e52d36
}
#menu li.price-menu a img {
	display: inline-block;
	margin-bottom: 5px
}


.new_brio {
	float: right;
	position: absolute;
	right: 23px;
	top: 50%;
	margin-top: -22px
}
section.header--sec {
	float: left;
	width: 100%;
	position: relative
}
section.header--sec img {
	width: 100%
}
.infoForm, .overlaybg {
	opacity: 0;
	transition: all ease 1s
}
.overlaybg {
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10
}
.infoForm {
	width: 245px;
	position: absolute;
	right: 14px;
	bottom: 0;
	z-index: 99992
}
.infoHead {
	position: relative;
	height: 53px;
	overflow: hidden
}
.infoHead i {
	background: #e21b2e;
	padding: 19px 17px;
	float: left;
	height: 53px;
	transition: all ease-out .3s
}
.infoHead:hover i {
	background: #e21b2e!important
}
.infoHead img {
	display: block
}
.infoTxt {
	display: block;
	background: #fff;
	margin-left: 38px;
	font: normal 11px gotham-bookgotham-book, sans-serif;
	text-transform: uppercase;
	padding: 23px 20px 19px;
	color: #666
}
.infoActive {
	cursor: pointer
}
.infoActive i {
	background: #e21b2e
}
.infoActive .infoTxt {
	color: #666
}
img.infoClose {
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -6px;
	cursor: pointer;
	width: 14px;
	display: none
}
.formInfo {
	background: #efefef;
	padding: 15px;
	width: 100%
}
.formInfo .formHeadingNew {
	color: #666;
	font: normal 15px gotham-bookgotham-book, sans-serif;
	margin-bottom: 5px
}
.formInfo p {
	color: #666;
	font: normal 12px/15px gotham-lightgotham-light, sans-serif;
	padding-bottom: 10px
}
.formInfo input {
	background: #fff;
	border: none;
	padding: 6px 10px;
	width: 100%;
	margin-bottom: 2px;
	height: 32px
}
.plain-select {
	vertical-align: middle;
	position: relative;
	background: #fff;
	max-width: 230px;
	margin-bottom: 2px
}
.plain-select select {
	border: none;
	line-height: normal;
	height: 32px;
	width: 100%;
	background: 0 0;
	color: #666;
	padding: 6px 0 6px 10px;
	margin: 0;
	line-height: normal;
	position: relative;
	z-index: 2
}
.plain-select:after {
	content: "";
	position: absolute;
	z-index: 1;
	right: 8px;
	top: 50%;
	margin-top: -3px;
	height: 0;
	width: 0;
	border-top: 6px solid #999;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	pointer-events: none
}
.ie8 .plain-select select {
	padding-right: 3px
}
.formInfo input[type=submit] {
	background: #999;
	min-width: inherit;
	color: #fff;
	padding: 10px 45px;
	height: auto;
	cursor: pointer;
	margin-top: 4px;
	font: normal 12px gotham-mediumgotham-medium, sans-serif;
	letter-spacing: 2px;
	transition: all .5s ease 0
}
.overlaybg {
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	opacity: 1
}
.brio-icon-2 {
	background: url(../images/CSS-Sprites.png);
	background-position: -366px -8px;
	width: 13px;
	height: 15px
}
.brio-icon-3 {
	background: url(../images/CSS-Sprites.png);
	background-position: -36px -4px;
	width: 27px;
	height: 22px;
	position: absolute;
	right: 14px;
	top: 14px;
	z-index: 99999999;
	cursor: pointer;
	margin: 0
}
.brio-icon-4 {
	background: url(../images/CSS-Sprites.png);
	background-position: -240px -1px;
	width: 44px;
	height: 31px;
	margin: 0 auto;
	float: none;
	display: table
}
.brio-icon-5 {
	background: url(../images/CSS-Sprites.png);
	background-position: -145px -10px;
	width: 15px;
	height: 15px;
	margin: 0;
	float: left
}
.brio-icon-6 {
	background: url(../images/CSS-Sprites.png);
	background-position: -111px -10px;
	width: 15px;
	height: 15px;
	margin: 0;
	float: left
}
.brio-icon-7 {
	background: url(../images/CSS-Sprites.png);
	background-position: 0 0;
	width: 33px;
	height: 33px;
	margin: 0;
	float: left
}
.brio-icon-10 {
	background: url(../images/CSS-Sprites.png);
	background-position: -397px -7px;
	width: 19px;
	height: 19px;
	margin: 0 0 0 7px;
	float: left
}
.brio-icon-11 {
	background: url(../images/CSS-Sprites.png);
	background-position: -539px -12px;
	width: 8px;
	height: 8px;
	margin: 0 0 0 12px;
	float: left
}
.brio-icon-12 {
    background: url(../images/CSS-Sprites.png);
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: -171px -174px;
    width: 111px;
    height: 37px;
    margin: 0;
    float: right;
}
section.generation--sec {
	float: left;
	width: 100%;
	position: relative
}
section.generation--sec img {
	vertical-align: top
}
section.generation--sec .text--wrap {
	width: 580px;
	position: absolute;
	top: 49%;
	left: 50%;
	margin-right: -250px;
	transform: translate(-50%, -50%);
	padding: 0;
	margin-left: 0;
	border: 0;
	text-align: center;
	color: #fff
}
section.generation--sec .text--wrap .header {
	font: normal 25px gotham-book, sans-serif;
	font-weight: 100;
	font-size: 25px;
	letter-spacing: 0;
	line-height: 32px;
	margin-bottom: 10px
}
.generation--sec .text--wrap .header--tit {
	font: normal 25px gotham-book, sans-serif;
	font-weight: 100;
	font-size: 25px;
	letter-spacing: 0;
	line-height: 32px;
	margin-bottom: 10px
}
section.generation--sec .text--wrap .sub--text {
	font-family: gotham-lightgotham-light, sans-serif;
	font-weight: 100;
	font-size: 12px;
	line-height: 18px
}
.container--section--header {
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	padding: 30px 0 15px 0
}
.container--section--header .extDiv {
	text-align: center;
	padding: 0
}
.container--section--header .extDiv .titleh2 {
	color: #656565;
	font: normal 12px 'gotham-bookgotham-book', sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	position: relative;
	padding: 0 0 17px;
	margin-bottom: 15px
}
.container--section--header .extDiv .titleh2:after {
	content: '';
	background: #e21b2e;
	width: 20px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -14px
}
.container--section--header .extDiv .titleh3 {
	color: #323232;
	font: normal 27px gotham-lightgotham-light, sans-serif;
	font-weight: 300;
	margin-bottom: 20px;
	letter-spacing: 0
}
.container--section--header .extDiv .para {
	max-width: 725px;
	margin: 0 auto
}
.container--section--header .extDiv .para p {
	color: #666;
	font: normal 12px 'gotham-bookgotham-book', sans-serif;
	font-weight: 100;
	line-height: 18px
}
.container--section--header .extDiv ul.tabs {
	display: inline-block;
	text-align: center;
	border-bottom: 0 solid #cbcbcb
}
.container--section--header .extDiv ul.tabs li {
	display: inline-block;
	min-width: 186px;
	position: relative;
	text-transform: uppercase;
	font: normal 11px gotham-bookgotham-book, sans-serif;
	letter-spacing: 2px;
	margin-right: -4px
}
.container--section--header .extDiv ul.tabs li:before {
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: #cbcbcb;
	opacity: 1;
	transition: all 1s ease
}
.container--section--header .extDiv ul.tabs li.active:before {
	background: #e21b2e
}
.container--section--header .extDiv ul.tabs li a {
	color: #666;
	display: block;
	padding: 20px 5px
}
.container--section--header .extDiv ul.tabs li a i {
	font-style: normal!important;
	text-transform: lowercase
}
.container--section--header .extDiv ul.tabs li.active a {
	font-size: 12px;
	color: #e21b2e
}
.container--section--header .extDiv ul.tabs li:after {
	right: 0;
	width: 1px;
	height: 15px;
	background: #cbcbcb
}
section.exteriorSection .container .extDiv ul.tabs li:last-child:after {
	display: none
}
.container--section--header .extDiv ul.tabs li:before, ul.tabs li:after {
	content: '';
	position: absolute;
	bottom: 0
}
.bottom-menu:after, .carBlock:after, .clearfix:after, .container:after, .extBottom:after, .gridSection .col:after, .gridSection:after, .homeSection:after, .rage_slider:after, .safetyContent:after, .spacDiv:after, .spacMainDiv:after, .spaciousSection:after, .toClear:after {
	clear: both;
	display: block;
	content: "";
	margin: 0;
	padding: 0
}
.segment {
	position: absolute;
	top: 8px;
	right: 6px;
	font-weight: 700;
	color: #fff;
	z-index: 9
}
.segment-L {
	letter-spacing: 0;
	float: left;
	width: 100%;
	text-align: left;
	font-size: 11px;
	padding: 5px 0 10px 11px;
	position: absolute;
	left: 0;
	top: 4px;
	color: #fff;
	text-transform: uppercase;
	z-index: 99999;
	font-weight: 700
}
section.exteriorSection {
	float: left;
	width: 100%;
	background: url(../images/interior-bg.png) no-repeat top center/cover;
	transition: all .5s ease;
	position: relative
}
section.exteriorSection .grid--wrapper {
	width: 100%;
	float: left;
	padding: 20px 30px
}
.wrapper--content {
	margin: 0 auto;
	max-width: 820px;
	position: relative
}
.grid--wrapper .slick-next, .grid--wrapper .slick-prev {
	top: 50%;
	transform: translate(-50%, 0)
}
.grid--wrapper .slick-prev {
	top: 45%;
	left: -20px;
	background: url(../img/prev-box.png) center center no-repeat;
	background-size: 6px;
	height: 60px;
	width: 30px;
	border: 1px solid #686868
}
.grid--wrapper .slick-next {
	top: 45%;
	right: -50px;
	background: url(../img/next-box.png) center center no-repeat;
	background-size: 6px;
	height: 60px;
	width: 30px;
	border: 1px solid #686868
}
section.exteriorSection .grid--wrapper .grid--container--wrapper {
	float: left;
	width: 100%
}
section.interiorSection .grid--wrapper .grid--container--wrapper {
	float: left;
	width: 100%
}
.grid--container--wrapper .thirty--col {
	float: left;
	width: 33%
}
.grid--container--wrapper .seventy--col {
	float: left;
	width: 67%
}
.grid--container--wrapper .seventy--col .img--wrapper.fiftyPer {
	float: left;
	width: 50%
}
.grid--container--wrapper .twenty--five--col {
	float: left;
	width: 100%
}
.grid--container--wrapper .img--wrapper {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-right: #fff solid 2px;
	border-bottom: #fff solid 2px
}
.grid--container--wrapper .img--wrapper img {
	width: 100%;
	float: left;
	transition: all .5s ease-in-out
}
.grid--container--wrapper .img--wrapper:hover img {
	transform: scale(1.05)
}
.grid--container--wrapper .img--wrapper .label--wrapper {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #000;
	text-transform: uppercase
}
.label--wrapper {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #000;
	text-transform: uppercase;
	width: 100%;
}
.grid--container--wrapper .img--wrapper .label--wrapper span {
	font-family: gotham-lightgotham-light, sans-serif;
	font-size: 10px;
	color: #fff;
	display: inline-block;
	padding: 5px 10px
}
.label--wrapper span {
	font-family: gotham-lightgotham-light, sans-serif;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding: 8px 10px
}
.grid--container--wrapper .img--wrapper .label--wrapper span i, .img--wrapper .label--wrapper span i {
	font-style: normal;
	text-transform: none
}
.colorChangeDiv {
	text-align: center;
	padding: 25px 15px 40px
}
.color_change img:not(#white_car) {
	display: none
}
.color_change_list {
	border: 1px solid #d7d7d7;
	display: inline-block;
	background: #fff
}
.color_change_list li {
	float: left;
	position: relative;
	border-right: 1px solid #cacaca;
	min-width: 125px;
	text-align: left
}
.color_change_list li:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #999;
	opacity: 0;
	transition: all 1s ease
}
.color_change_list li.active:before {
	opacity: 1
}
.color_change_list li a {
	display: inline-block;
	width: 100%;
	padding: 10px;
	color: #656565;
	font: 10px gotham-bookgotham-book, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 8.5px;
	line-height: 12px
}
.color_change_list li a img {
	float: left;
	margin-right: 8px
}
.color_change_list li span {
	display: inline-block;
	vertical-align: middle
}
.colorImage {
	margin: 35px auto;
	position: relative;
	max-width: 1042px;
	height: auto;
	padding-top: 29%
}
.colorImage img {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	max-width: 100%
}
.albasterSilverCol, .goldCol, .goldenBrownCol, .radiantRedCol, .redPearlCol, .steelMetallicCol, .whiteOrchidCol {
	width: 26px;
	height: 26px;
	border: 1px solid #cacaca;
	margin-right: 10px
}
.redPearlCol {
	background: #90373d
}
.whiteOrchidCol {
	background: #eae9e4
}
.radiantRedCol {
	background: #b4202b
}
.steelMetallicCol {
	background: #84858a
}
.goldCol {
	background: #b48556
}
.goldenBrownCol {
	background: #48403b
}
.albasterSilverCol {
	background: #9fa0a5
}
.color_change_list li.active .whiteCol {
	border-color: #cacaca
}
.color_change_list li.active .blackCol {
	border-color: #000
}
.color_change_list li.active .grayCol {
	border-color: #adadad
}
.color_change_list li.active .silverCol {
	border-color: #dbdbdb
}
section.interiorSection {
	float: left;
	width: 100%;
	background: url(../images/interior-bg.png) no-repeat top center/cover;
	transition: all .5s ease;
	position: relative
}
section.interiorSection .grid--wrapper {
	width: 100%;
	float: left;
	padding: 20px 30px;
	position: relative
}
section.space--sec {
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
	background: url(../images/interior-bg.png) no-repeat center/cover;
	border-bottom: 4px solid #a8a8a8
}
section.space--sec .content--wrapper {
	float: left;
	width: 100%
}
section.space--sec .content--wrapper .top--section {
	float: left;
	width: 100%;
	border-bottom: 2px solid #585859
}
section.space--sec .content--wrapper .top--section img {
	width: 100%;
	vertical-align: top
}
section.space--sec .content--wrapper .bottom--section {
	float: left;
	width: 100%;
	background-color: #18181a;
	padding: 0 40px;
	position: relative
}
section.space--sec.onlyDigipad .content--wrapper .two--blocks {
	float: left;
	width: 100%;
	border-left: 1px solid #656565;
	border-right: 1px solid #656565
}
section.space--sec .content--wrapper .two--blocks {
	float: left;
	width: 100%;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4
}
section.space--sec .content--wrapper .two--blocks.onlyTwoSlide {
	margin: 0 auto;
	width: 471px;
	float: none
}
section.space--sec.onlyDigipad .content--wrapper .two--blocks .slides {
	border-top: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
	min-height: 280px
}
section.space--sec .content--wrapper .two--blocks .slides {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	min-height: 310px
}
section.space--sec .content--wrapper .two--blocks .slides.noRightBorder {
	border-right-color: transparent
}
section.space--sec .content--wrapper .two--blocks .wrap {
	width: 234px;
	float: left
}
section.space--sec .content--wrapper .two--blocks .wrap.borderRight {
	border-left: 2px solid #585859
}
section.space--sec .content--wrapper .two--blocks .wrap .img--wrap {
	width: 100%;
	float: left;
	position: relative
}
section.space--sec .content--wrapper .two--blocks .wrap .img--wrap img {
	width: 100%;
	float: left
}
section.space--sec .content--wrapper .two--blocks .wrap .text--wrap {
	width: 100%;
	float: left;
	font-size: 11px;
	padding: 10px;
	color: #fff;
	text-align: center
}
section.space--sec .content--wrapper .two--blocks .wrap .text--wrap span {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font: 11px/14px gotham-bookgotham-book, sans-serif;
	font-weight: bold;
}
section.space--sec .content--wrapper .two--blocks .wrap .text--wrap h5 {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font: 11px/14px gotham-bookgotham-book, sans-serif;
	font-weight: bold;
}
section.space--sec .content--wrapper .two--blocks .wrap .text--wrap h5 {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font: 11px/14px gotham-bookgotham-book, sans-serif;
	font-weight: bold;
}
section.space--sec.safety--sec .content--wrapper .two--blocks .wrap .text--wrap.merge {
	padding: 10px 0
}
section.space--sec .content--wrapper .two--blocks .wrap .text--wrap.merge span.alignText {
	margin: 0;
	padding: 0 1px;
	font-family: gotham-lightgotham-light
}
section.space--sec .content--wrapper .two--blocks .wrap .text--wrap p {
	float: left;
	width: 100%;
	margin: 0;
	font-size: 12px
}
section.space--sec .content--wrapper .slider--common .slick-prev {
	left: -3%;
	top: 50%;
	background: url(../img/prev-arrow.png) left top no-repeat;
	background-size: contain
}
section.space--sec .content--wrapper .slider--common .slick-next {
	right: -4%;
	top: 50%;
	background: url(../img/next-arrow.png) left top no-repeat;
	background-size: contain
}
section.engine--sec {
	float: left;
	width: 100%;
	position: relative;
	background: url(../images/interior-bg.png) no-repeat center/cover
}
section .specs--parent {
	float: left;
	width: 100%;
	color: #fff;
	background-color: #000
}
section .specs--parent .left--wrap {
	float: left;
	width: 40%;
	position: relative;
	padding: 20px
}
.btn--segment {
	position: absolute;
	bottom: 1%;
	left: 1%;
	color: #fff;
	border: #fff solid 1px;
	padding: 10px 40px;
	font-size: 14px
}
section .specs--parent .left--wrap img {
	width: 100%;
	vertical-align: top
}
section .specs--parent .right--wrap {
	width: 60%;
	float: left;
	padding: 40px 10px 10px 10px
}
section .specs--parent .right--wrap .top--sec {
	width: 100%;
	float: left;
	margin-bottom: 20px
}
section .specs--parent .right--wrap .top--sec.onlyPetrol {
	margin-bottom: 40px
}
section .specs--parent .right--wrap .top--sec span {
	font: normal 27px 'gotham-bookgotham-book', sans-serif
}
section .specs--parent .right--wrap .top--sec h4 {
	font: normal 27px 'gotham-bookgotham-book', sans-serif
}
section .specs--parent .right--wrap .top--sec p {
	font-size: 12px;
	margin: 20px 0;
	line-height: 20px;
	font: normal 12px 'gotham-bookgotham-book', sans-serif;
	line-height: 18px
}
section .specs--parent .right--wrap .bottom--sec {
	float: left;
	width: 100%
}
section .specs--parent .right--wrap .bottom--sec .col--three {
	float: left;
	width: 33.33%;
	padding: 0 15px 15px 15px
}
section .specs--parent .right--wrap .bottom--sec .col--three .img {
	float: left;
	width: 100%;
	padding-bottom: 20px
}
section .specs--parent .right--wrap .bottom--sec .col--three .img img {
vertical-align:top width: 100%
}
section .specs--parent .right--wrap .bottom--sec .col--three .text {
	float: left;
	width: 100%;
	text-align: center
}
section .specs--parent .right--wrap .bottom--sec .col--three .text span {
	font-size: 12px;
	font: normal 12px gotham-book, sans-serif;
	line-height: 20px
}
section .specs--parent .right--wrap .bottom--sec .col--three .text h5 {
	font-size: 12px;
	font: normal 12px gotham-book, sans-serif;
	line-height: 20px
}
section .specs--parent .right--wrap .bottom--sec .col--three .text p {
	font-size: 12px;
	margin: 20px 0
}
section.space--sec.safety--sec .content--wrapper .bottom--section {
	float: left;
	width: 100%;
	background-color: #f7f7f7;
	color: #666;
	padding: 0 40px;
	position: relative
}
.desclaimerSegmentWrap {
	width: 100%;
	float: left;
	font-size: 11px;
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0
}
.desclaimerSegmentWrap.relativePos {
	position: relative;
	left: auto;
	bottom: auto;
	padding: 0 10px
}
.desclaimerSegmentWrap.gallery p {
	margin: 0;
	max-width: 820px;
	margin: 0 auto
}
section.space--sec.safety--sec .content--wrapper .two--blocks .wrap .text--wrap {
	width: 100%;
	float: left;
	font-size: 12px;
	padding: 10px;
	color: #666;
	text-align: center
}
section.space--sec.safety--sec .content--wrapper .slider--common .slick-prev {
	left: -3%;
	top: 50%;
	background: url(../img/prev-arrow-black.png) left top no-repeat;
	background-size: contain
}
section.space--sec.safety--sec .content--wrapper .slider--common .slick-next {
	right: -4%;
	top: 50%;
	background: url(../img/next-arrow-black.png) left top no-repeat;
	background-size: contain
}
.featuresSection {
	background: #fff;
	padding-top: 0;
	padding-bottom: 40px
}
.featuresSection .titleh3 {
	margin: 0
}
.featuresSection .responsive-accordion {
	margin: 25px 0 0
}
.responsive-accordion {
	border: 1px solid #cbcbcb
}
.responsive-accordion-price {
	border: 1px solid #cbcbcb
}
.responsive-accordion-head {
	background: #dbdbdb;
	color: #666;
	padding: 20px 20px 20px 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 10px gotham-mediumgotham-medium, sans-serif;
	cursor: pointer;
	position: relative
}
.responsive-accordion-head h5 {
    color: #666;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font: 10px gotham-mediumgotham-medium,sans-serif;
    cursor: pointer;
    position: relative;
    margin: 0;
}
.responsive-accordion-head.active {
	background: silver;
	color: #fff
}
.responsive-accordion-head:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 1px;
	width: 100%
}
.responsive-accordion-head.active:after, .tAcc:last-child .responsive-accordion-head:after {
	display: none
}
.responsive-accordion-minus, .responsive-accordion-plus {
	width: 13px;
	height: 13px;
	position: absolute;
	top: 19px;
	left: 18px
}
.responsive-accordion-plus {
	background: url(../images/plus.png) no-repeat center
}
.responsive-accordion-minus {
	background: url(../images/minus.png) no-repeat center
}
.table {
	width: 100%;
	color: #333;
	font-weight: 400;
	border-collapse: collapse
}
.table th {
	border-right: 1px solid #cbcbcb;
	text-align: center;
	padding: 10px;
	font-weight: 400;
	font-size: 14px;
	font-weight: 700;
	font: normal 11px gotham-bookgotham-book, sans-serif;
	color: #333
}
.table td {
	border: 1px solid #cbcbcb;
	border-top: none;
	border-left: none;
	text-align: center;
	padding: 18px 10px;
	font: normal 11px gotham-bookgotham-book, sans-serif;
	color: #333;
	width: 80px
}
.table td:first-child {
	text-align: left;
	padding-left: 45px;
	width: 420px
}
.table td:last-child, .table th:last-child {
	border-right: none
}
.table td:nth-child(2n+2), .table th:nth-child(2n+2) {
	background: #f9f9f9
}
.table td img {
	max-width: 20px
}
#specifications .table td:first-child {
	width: 200px
}
.tab_content {
	position: relative
}
.accessoriesSection {
	background: url(../images/bg.png) no-repeat center/cover
}
.tabCarouselMng {
	position: relative
}
.accContainer {
	position: relative;
	padding: 20px 0 40px
}
.tabCarouselMng .accContainer {
	margin: 25px 0 0;
	padding: 0
}
#owl-carousel-accgallery .owl-controls {
	display: none
}
.secondSection {
	position: relative;
	overflow: hidden;
	margin-top: 1px;
	color: #fff
}
.secondImg {
	width: 100%;
	display: block
}
.secondImgmob {
	display: none
}
.secondwrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}
.carBlock {
	margin: 0 auto;
	width: 100%;
	max-width: 1150px;
	position: relative;
	transition: all 3s ease;
	height: 100%
}
.secondTopContent h2 {
	padding: 55px 0 10px;
	font: 32px gotham-lightgotham-light, sans-serif
}
.secondCont {
	margin: 0 -25px
}
.secondCont .col50 {
	float: left;
	width: 50%;
	padding: 0 25px;
	font: 13px/23px gotham-bookgotham-book, sans-serif
}
.secondBotContent {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 30px
}
.legacyRedefine {
	float: right;
	max-width: 260px;
	padding-right: 30px
}
.legacyRedefine p {
	font: 13px/23px gotham-bookgotham-book, sans-serif
}
.legacyRedefine img {
	padding: 50px 0 0
}
.carPopmain .discoverPopupCon, .carPopmain .discoverPopupConMain {
	height: 100%
}
.carPopmain .discoverPopupClose1 {
	right: 0;
	top: 0
}
.carPopleft {
	width: 50%;
	height: 100%;
	float: right;
	background: url(../images/bg8.jpg) no-repeat center/cover
}
.carPopright {
	width: 50%;
	height: 100%;
	float: left
}
.madeContent {
	max-width: 550px;
	float: right;
	height: 100%;
	padding: 60px 0;
	margin: 0 90px 0 50px;
	position: relative
}
.madeContent h4 {
	font-size: 19px;
	font-weight: 400;
	padding-bottom: 10px
}
.madeContent h5 {
	font-size: 45px;
	font-weight: 400;
	padding-bottom: 18px;
	margin-bottom: 25px;
	position: relative
}
.madeContent h5:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 25px;
	height: 2px;
	background: #dd2d37
}
.madeContent p {
	font-size: 13px;
	line-height: 23px;
	padding-bottom: 30px
}
.carContent {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 60px;
	padding-top: 180px
}
#divscroll {
	height: 100%;
	width: 100%!important
}
.track3 {
	background: #bfbfbf;
	margin-right: 2px;
	transition: background 250ms linear 0;
	width: 4px
}
.handle3 {
	background: gray;
	right: 0;
	transition: width 250ms ease 0;
	width: 4px
}
.safetySection {
	color: #ccc;
	position: relative
}
.safetyContent {
	position: relative;
	width: 100%;
	border-bottom: 0px solid #a8a8a8;
	margin-bottom:2px;
}
.safetyContent .half {
	margin-top: 25px;
	position: relative
}
.safetyContent .half img {
	width: 100%;
	display: block
}
.safetyContent .half:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 140px;
	z-index: 1
}
.safetyContent .half2 {
	position: relative;
	margin: 0 38px;
	background: #f7f7f7;
	border-top: none;
	border-right: 2px solid #e4e4e4!important
}
.safetySection .para {
	max-width: 820px
}
.safetyContentBottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: left;
    max-width: 100%;
    z-index: 2;
    width: 100%;
}
.safetyContentBottom h4 {
	font: 26px gotham-bookgotham-book, sans-serif;
	color: #fff;
	margin: 0
}
.safetyContentBottom p {
	font: 11px/19px gotham-bookgotham-book, sans-serif;
	color: #fff
}
.safContent {
	text-align: center;
	margin-top: 3px
}
.safeItem {
	display: inline-block;
	width: 100%;
	padding: 0;
	vertical-align: top;
	margin-right: -4px;
	border-right: 2px solid #e4e4e4!important;
	height: 260px
}
.safeItem:last-child {
	border: none
}
.safeItem img {
	margin-bottom: 20px
}
.safContent .owl-dots {
	display: none
}
.safContent .owl-theme .owl-controls .owl-nav [class*=owl-] {
	text-indent: -9999px;
	width: 12px;
	height: 22px;
	margin: 0
}
.safContent .owl-theme .owl-controls .owl-nav .owl-next, .safContent .owl-theme .owl-controls .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: 9px;
	height: 17px;
	padding: 0
}
.brio-icon-2 {
	background: url(../images/CSS-Sprites.png);
	background-position: -366px -8px;
	width: 13px;
	height: 15px
}
.brio-icon-3 {
	background: url(../images/CSS-Sprites.png);
	background-position: -36px -4px;
	width: 27px;
	height: 22px;
	position: absolute;
	right: 14px;
	top: 14px;
	z-index: 99999999;
	cursor: pointer;
	margin: 0
}
.brio-icon-4 {
	background: url(../images/CSS-Sprites.png);
	background-position: -240px -1px;
	width: 44px;
	height: 31px;
	margin: 0 auto;
	float: none;
	display: table
}
.brio-icon-5 {
	background: url(../images/CSS-Sprites.png);
	background-position: -145px -10px;
	width: 15px;
	height: 15px;
	margin: 0;
	float: left
}
.brio-icon-6 {
	background: url(../images/CSS-Sprites.png);
	background-position: -111px -10px;
	width: 15px;
	height: 15px;
	margin: 0;
	float: left
}
.brio-icon-7 {
	background: url(../images/CSS-Sprites.png);
	background-position: 0 0;
	width: 33px;
	height: 33px;
	margin: 0;
	float: left
}
.brio-icon-10 {
	background: url(../images/CSS-Sprites.png);
	background-position: -397px -7px;
	width: 19px;
	height: 19px;
	margin: 0 0 0 7px;
	float: left
}
.brio-icon-11 {
	background: url(../images/CSS-Sprites.png);
	background-position: -539px -12px;
	width: 8px;
	height: 8px;
	margin: 0 0 0 12px;
	float: left
}


.brio-icon-12.civic {
	background: url(../images/CSS-Sprites.png);
	background-position-x: 0;
	background-position-y: 0;
	background-position: -405px -173px;
	width: 127px;
	height: 37px;
	margin: 0;
	float: right
}
.ChkTerms {
	margin: 10px 0
}
.ChkTerms span:first-child {
	float: left;
	width: 10%
}
.ChkTerms span:last-child {
	float: left;
	text-align: justify;
	font-size: 10px;
	width: 85%
}
.ChkTerms input {
	height: 15px
}
.bottom-menu {
	padding: 10px 25px 10px 21px;
	background: #555556;
	width: 1024px;
	margin: 0 auto;
	min-height: 74px;
	z-index: 99999;
	position: relative
}
.bottom-menu.fixed {
	position: fixed;
	left: 50%;
	right: 0;
	top: 0;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}
section.featuresSection {
	position: relative;
	float: left;
	width: 100%;
	padding-top: 0;
	background: url(../images/interior-bg.png) no-repeat center/cover;
	padding-top: 0
}
section.featuresSection .extDiv {
	text-align: center;
	padding: 0
}
section.featuresSection .extDiv .titleh2 {
	color: #656565;
	font: 12px gotham-bookgotham-book, sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	position: relative;
	padding: 0 0 17px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
section.featuresSection .extDiv .titleh2:after {
	content: '';
	background: #e21b2e;
	width: 20px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -14px
}
section.featuresSection .extDiv .titleh3 {
	color: #656565;
	font: 12px gotham-bookgotham-book, sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	position: relative;
	padding: 0 0 17px;
	margin-bottom: 15px
}
section.featuresSection .extDiv .titleh3:after {
	content: '';
	background: #e21b2e;
	width: 20px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px
}
section.featuresSection .tab_container {
	margin: 0 auto;
	max-width: 820px;
	position: relative
}
ul.tabs {
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #d7d7d7
}
ul.tabs li {
	display: inline-block;
	min-width: 180px;
	position: relative;
	text-transform: uppercase;
	font: normal 11px gotham-bookgotham-book, sans-serif;
	letter-spacing: 3px;
	margin-right: -4px
}
ul.tabs li:after, ul.tabs li:before {
	content: '';
	position: absolute;
	bottom: -1px
}
ul.tabs li:before {
	left: 0;
	right: 0;
	height: 1px;
	background: #e21b2e;
	opacity: 0;
	transition: all 1s ease
}
ul.tabs li:after {
	right: 0;
	width: 1px;
	height: 16px;
	background: #d7d7d7
}
ul.tabs li:last-child:after {
	display: none
}
ul.tabs li a {
	color: #656565;
	display: block;
	padding: 20px 5px
}
ul.tabs li.active a {
	font-size: 12px;
	color: #e11b2f
}
ul.tabs li a:hover {
	color: #e21b2e
}
ul.tabs li.active:before {
	opacity: 1
}
ul.tabs li a span {
	text-transform: lowercase
}
.featuresSection {
	background: url(../images/bg.png) no-repeat center/cover;
	padding-top: 0
}
.featuresSection .responsive-accordion {
	margin: 25px 0 40px
}
.responsive-accordion {
	border: 1px solid #cbcbcb
}
.responsive-accordion-price {
	border: 1px solid #cbcbcb
}
.responsive-accordion-head {
	background: #dbdbdb;
	color: #666;
	padding: 20px 20px 20px 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 10px gotham-mediumgotham-medium, sans-serif;
	cursor: pointer;
	position: relative
}
.responsive-accordion-head.active {
	background: silver;
	color: #fff
}
.responsive-accordion-head:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 1px;
	width: 100%
}
.responsive-accordion-head.active:after, .tAcc:last-child .responsive-accordion-head:after {
	display: none
}
.responsive-accordion-minus, .responsive-accordion-plus {
	width: 13px;
	height: 13px;
	position: absolute;
	top: 19px;
	left: 18px
}
.responsive-accordion-plus {
	background: url(../images/CSS-Sprites.png);
	background-position-x: 0;
	background-position-y: 0;
	background-position: -467px -51px
}
.responsive-accordion-minus {
	background: url(../images/CSS-Sprites.png);
	background-position-x: 0;
	background-position-y: 0;
	background-position: -433px -11px
}
.table {
	color: #656565;
	font-weight: 400;
	border-collapse: collapse;
	width: 100%
}
.table th {
	border-right: 1px solid #cbcbcb;
	text-align: center;
	padding: 10px;
	font-weight: 400;
	font-size: 14px;
	font-weight: 700;
	font: normal 11px gotham-bookgotham-book, sans-serif;
	color: #323232
}
.table td {
	border: 1px solid #cbcbcb;
	border-top: none;
	border-left: none;
	text-align: center;
	padding: 18px 10px;
	font: normal 11px gotham-bookgotham-book, sans-serif;
	color: #656565;
	width: 80px
}
.table td .brio-icon-10, .table td .brio-icon-11 {
	display: inline-block;
	float: none
}
.table td:first-child {
	text-align: left;
	padding-left: 25px;
	width: 420px
}
.table td:last-child, .table th:last-child {
	border-right: none
}
.table td:nth-child(2n+2), .table th:nth-child(2n+2) {
	background: #f9f9f9
}
.table td img {
	max-width: 20px
}
.table th:nth-child(2), .table th:nth-child(3) {
	width: 110px
}
#specifications .table td:first-child {
	width: 200px
}
.rightTXT.table td:first-child {
	text-align: right
}
.tab_content {
	position: relative
}
.accessoriesSection {
	background: url(../images/bg.png) no-repeat center/cover;
	padding-top: 0;
}
.tabCarouselMng {
	position: relative
}
.accContainer {
	position: relative;
	padding: 20px 0 40px
}
.tabCarouselMng .accContainer {
	margin: 25px 0 0;
	padding: 0
}
.gradesCon {
	padding: 25px 0 20px;
	position: relative
}
.gradesMain {
	border-top: 2px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	margin-right: 10px;
	background: #fff;
	color: #666
}
.gradeHead {
	border-bottom: 1px solid #cbcbcb;
	color: #666;
	padding: 12px 5px 10px 17px;
	font-size: 11px
}
.gradeHead h5 {
	font: normal 40px/40px gotham-mediumgotham-medium, sans-serif;
	padding-right: 10px;
	position: relative;
	margin-right: 10px
}
.gradeHead h5:after {
	content: '';
	position: absolute;
	right: 0;
	top: 2px;
	background: #cbcbcb;
	width: 1px;
	height: 32px
}
.gradeGap {
	padding: 15px 10px 0 15px
}
.gradesMain h3 {
	font: normal 16px gotham-mediumgotham-medium, sans-serif;
	color: #666
}
.gradesMain ul {
	margin-bottom: 20px
}
.gradesMain li {
	font-size: 11px;
	padding: 15px 0;
	position: relative
}
.gradesMain li:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 22px;
	height: 2px;
	background: #cbcbcb
}
.gradesMain li:last-child:after {
	display: none
}
.gradePrice {
	font: normal 26px gotham-mediumgotham-medium, sans-serif;
	padding: 15px 0 10px
}
.gradePrice span {
	font-size: 11px;
	letter-spacing: 2px;
	display: block
}
.gradesMain p {
	font-size: 10px;
	letter-spacing: 1px
}
.tabContentWrapper {
	float: left;
	width: 100%;
	margin: 20px 0 0 0
}
.tabContentWrapper .tabContent {
	float: left;
	width: 100%;
	display: none
}
.tabContentWrapper .tabContent.opened {
	display: inline
}
section.accessories--sec {
	float: left;
	width: 100%;
	position: relative;
	background: url(../images/interior-bg.png) no-repeat center/cover
}
section.accessories--sec .grid--wrapper {
	float: left;
	width: 100%
}
section.accessories--sec .grid--wrapper .inner--wrap {
	width: 820px;
	margin: 0 auto;
	position: relative
}
section.accessories--sec .grid--wrapper .inner--wrap .galleryPopupWrap {
	height: calc(100% - 122px);
	top: 0;
	transform: translate(-50%, 0) scale(0)
}
section.accessories--sec .grid--wrapper .inner--wrap .galleryPopupWrap.scaleUp {
	transform: translate(-50%, 0) scale(1)
}
section.accessories--sec .grid--wrapper .inner--wrap .slider--package--wrap {
	float: left;
	width: 100%
}
section.accessories--sec .grid--wrapper .inner--wrap .grid--container--wrapper {
	float: left;
	width: 100%
}
section.accessories--sec .grid--wrapper .inner--wrap .grid--container--wrapper.noSlick {
	float: left;
	width: 25%
}
section.accessories--sec .grid--wrapper .btn--brochure {
	text-align: center
}
section.accessories--sec .grid--wrapper .btn--brochure a {
	font: normal 10px gotham-bookgotham-book, sans-serif;
	color: #666;
	display: inline-block;
	border: 1px solid #666;
	padding: 15px 45px;
	letter-spacing: 2px;
	margin: 35px 0 45px
}
section.alliedServices {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 10px 80px 10px;
	background: #fff;
	background: url(../images/interior-bg.png) no-repeat center/cover;
	margin: 20px 0
}
section.alliedServices .extDiv {
	text-align: center;
	padding: 0
}
section.alliedServices .extDiv .titleh2 {
	color: #000;
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
	position: relative;
	padding: 0 0 17px;
	margin-bottom: 15px
}
section.alliedServices .extDiv .titleh2:after {
	content: '';
	background: #e21b2e;
	width: 20px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -14px
}
section.alliedServices .extDiv .titleh3 {
	color: #000;
	font-family: HelveticaNeue;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 20px;
	letter-spacing: 6px
}
.allied1 {
	float: left;
	width: 28%;
	margin: 30px 2.5% 0;
	padding: 0;
	min-height: 370px
}
.allied1 h3 {
	float: left;
	width: 100%;
	margin: 0 0 28px 0;
	padding: 0;
	font-size: 26px;
	color: #231f20;
	line-height: 34px
}
.allied1 h6 {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	color: #231f20
}
.allied1 p {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px
}
.allied1 ul {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0
}
.allied1 ul li {
	float: left;
	width: 95%;
	margin: 0 0 10px 12px;
	padding: 0;
	list-style: outside disc;
	font-size: 12px
}
.allied1 img {
	margin: 0 0 15px 0;
	padding: 0
}
.li-half li {
	width: 44%!important
}
.line-height24 {
	line-height: 24px!important
}
.tc-appli {
	width: 100%;
	font-size: 11px;
	float: left
}
section.hc--image--gallery {
	position: relative;
	float: left;
	width: 100%;
	padding-top: 0;
	background: #fff
}
section.hc--image--gallery .wrapper {
	float: left;
	width: 100%
}
section.hc--image--gallery .wrapper .slider--wrap--gallery {
	float: left;
	width: 100%;
	position: relative
}
section.hc--image--gallery .wrapper .slider--wrap--gallery {
	float: left;
	width: 100%;
	position: relative
}
section.hc--image--gallery .wrapper .slider--wrap--gallery .slick-next, section.hc--image--gallery .wrapper .slider--wrap--gallery .slick-prev {
	top: 45%
}
section.hc--image--gallery .wrapper .slider--wrap--gallery .slick-prev {
	left: 0;
	background: #212324 url(../img/prev-arrow.png) center center no-repeat;
	background-size: 10px;
	padding: 40px;
	opacity: .7;
	transition: all .3s linear
}
section.hc--image--gallery .wrapper .slider--wrap--gallery .slick-next {
	right: 0;
	background: #212324 url(../img/next-arrow.png) center center no-repeat;
	background-size: 10px;
	padding: 40px;
	opacity: .7;
	transition: all .3s linear
}
section.hc--image--gallery .wrapper .slider--wrap--gallery .slick-prev:hover {
	opacity: 1
}
section.hc--image--gallery .wrapper .slider--wrap--gallery .slick-next:hover {
	opacity: 1
}
.tabContentWrapper {
	float: left;
	width: 100%;
	margin: 20px 0 0 0
}
.tabContentWrapper .tabContent {
	float: left;
	width: 100%;
	display: none
}
.tabContentWrapper .tabContent.opened {
	display: inline
}
.galleryPopupWrap {
	position: absolute;
	width: 820px;
	height: calc(100% - 40px);
	background: #e8e8e8;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: all .3s linear
}
.galleryPopupWrap.scaleUp {
	transform: translate(-50%, -50%) scale(1)
}
.galleryPopupWrap .close {
	position: absolute;
	top: 35px;
	right: 30px;
	cursor: pointer;
	z-index: 5
}
.galleryPopupWrap .arrows {
	position: absolute;
	width: 88px;
	right: 20%;
	top: 35px;
	z-index: 5
}
.galleryPopupWrap .arrows .prev {
	float: left;
	cursor: pointer;
	z-index: 5;
	width: 44px;
	height: 50px;
	border: 1px solid #d0d0d0;
	background: #f0f0f0 url(../images/CSS-Sprites.png);
	background-position: -164px 8px;
	margin: 0
}
.galleryPopupWrap .arrows .next {
	float: left;
	cursor: pointer;
	z-index: 5;
	width: 44px;
	height: 50px;
	border: 1px solid #d0d0d0;
	background: #f0f0f0 url(../images/CSS-Sprites.png);
	background-position: -198px 8px;
	margin: 0
}
.galleryPopupWrap .arrows .next.slick-disabled, .galleryPopupWrap .arrows .prev.slick-disabled {
	opacity: 0;
	width: 0
}
.galleryPopupWrap .slick-list, .galleryPopupWrap .slick-slider, .galleryPopupWrap .slick-track, .galleryPopupWrap .slides {
	height: 100%
}
.galleryPopupWrap .slideWrap {
	float: left;
	width: 100%;
	height: 100%
}
.galleryPopupWrap .slideWrap .imgWrap {
	width: 67%;
	float: left
}
.galleryPopupWrap .slideWrap .imgWrap img {
	width: 100%
}
.galleryPopupWrap .slideWrap .textWrap {
	float: left;
	width: 33%;
	height: 100%;
	display: flex;
	padding: 10px;
	align-items: flex-end;
	background: #e8e8e8
}
.galleryPopupWrap .slideWrap .textWrap .heading {
	float: left;
	width: 100%;
	font-size: 16px;
	font-family: gotham-lightgotham-light;
	margin: 0 0 10px 0
}
.galleryPopupWrap .slideWrap .textWrap h5 {
	float: left;
	width: 100%;
	font-size: 14px;
	font-family: gotham-lightgotham-light;
	margin: 0 0 10px 0
}


.galleryPopupWrap .slideWrap .textWrap .copy {
	float: left;
	width: 100%;
	font-size: 13px;
}
.noDisplay {
	display: none
}
section.hc--connect {
	float: left;
	width: 100%;
	margin-top: 0;
	position: relative
}
section.hc--connect img {
	width: 100%;
	position: relative
}
section.hc--connect a {
	background: #ec1f30;
	padding: 12px 35px;
	font: normal 12px gotham-mediumgotham-medium, sans-serif;
	color: #fff;
	text-decoration: none;
	bottom: 28%;
	left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	position: absolute;
	z-index: 99
}
section.hc--connect a:hover {
	background: #999
}
.priceCalculator {
	background: #bababa;
	padding: 35px;
	float: left
}
.priceCalculator .container {
	overflow: hidden
}
.priceCalculator .col33 {
	width: 20%;
	text-align: center;
	float: left;
	vertical-align: top;
	font-size: 9px;
	line-height: 13px;
	border-right: solid 1px #bababa
}
.priceCalculator .col33:last-child {
	border: none
}
.priceCalculator .content {
	background: #f3f3f3;
	padding: 15px;
	margin-bottom: -1000px;
	padding-bottom: 1020px
}
.priceCalculator h3 {
	text-transform: uppercase;
	padding-bottom: 7px;
	margin: 7px 0;
	font-family: gotham-bookgotham-book, Geneva, sans-serif;
	font-size: 8px;
	letter-spacing: 1px;
	font-weight: 400;
	position: relative
}
.priceCalculator h3:after {
	width: 14px;
	height: 1px;
	background: #d91b2f;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -7px;
	content: ""
}
.priceCalculator h3 a {
	text-decoration: none;
	color: #666;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: inline-block
}
.priceCalculator h3 a:hover {
	color: #e7505f
}
.priceCalculator h3 a span {
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 auto;
	transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s;
	overflow: hidden;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	position: relative
}
.priceCalculator span.priceIcon {
	background-position: -100px -183px
}
.priceCalculator span.emiIcon {
	background-position: -122px -183px
}
.priceCalculator span.testIcon {
	background-position: -144px -183px
}
.priceCalculator span.dealerIcon {
	background-position: -166px -183px
}
.priceCalculator span.brochureIcon {
	background-position: -188px -183px
}
.priceCalculator a:hover span.priceIcon {
	background-position: -100px -205px
}
.priceCalculator a:hover span.emiIcon {
	background-position: -122px -205px
}
.priceCalculator a:hover span.testIcon {
	background-position: -144px -205px
}
.priceCalculator a:hover span.dealerIcon {
	background-position: -166px -205px
}
.priceCalculator a:hover span.brochureIcon {
	background-position: -188px -205px
}
.footerSection {
	float: left;
	width: 100%;
	position: relative
}
.table td .brio-icon-10, .table td .brio-icon-11 {
	margin-left: 0
}
@font-face {
	font-family: gotham-lightgotham-light;
	src: url(fonts/Gotham-Light.woff2) format('woff2'), url(fonts/Gotham-Light.woff) format('woff');
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: gotham-book;
	src: url(Gotham-Book.woff2) format('woff2'), url(Gotham-Book.woff) format('woff');
	font-weight: 500;
	font-style: normal
}
.slick-next.slick-disabled, .slick-prev.slick-disabled {
	opacity: 0;
	cursor: auto
}
@media only screen and (min-width:768px) and (max-width:959px) {
.headerWrapper {
	overflow: hidden
}
section.accessories--sec .grid--wrapper {
	overflow: hidden
}
.grid--wrapper .slick-next {
	right: -44px
}
.grid--wrapper .slick-prev {
	left: -15px
}
section.space--sec.onlyDigipad .content--wrapper .two--blocks .slides .wrap {
	width: 100%
}
}
.formInfo input[type=submit]:hover {
	background: #f90a2f;
}
.spritespin {
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}
.div360 {
	position: relative;
	max-width: 1048px;
	margin: 0 auto;
	/*height: 392px;*/
}
.view360 {
	text-align: center;
	padding-top: 40px;
	/*margin-top: 90px;*/
}
.view360 .spritespin {
	margin: auto;
}
.view360interior {
	text-align: center;
	position: relative;
	margin: 25px auto 0;
}
.view360interiorImg {
	width: 100%;
}
.hondaLoad {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	z-index: 1;
}
.para p {
	color: #666;
	font: 12px/19px gotham-bookgotham-book, sans-serif;
	display: contents;
}
.para h1 {
	color: #666;
	font: 12px/19px gotham-bookgotham-book, sans-serif;
	display: contents;
	font-weight: bold;
}
.para strong {
	color: #666;
	font: 12px/19px gotham-bookgotham-book, sans-serif;
	display: contents;
	font-weight: normal;
}
.header--sec a {
	position: relative;
	z-index: 99991;
}
.civic-new-tab {
	float: left;
	width: 100%;
	margin: 0;
	padding: 20px;
	background: #f7f7f7;
}
.OfferFull {
	float: left;
	width: 100%;
	margin: 0;
	padding: 20px;
}
.righOfferCarTxt-first {
	float: left;
	width: 48%;
	margin: 0 2% 0 0;
	padding: 0;
}
.righOfferCarTxt-first .heading-box-nw {
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	font-family: gotham_boldregular;
	color: #333333;
	text-align: center;
}
.righOfferCarTxt-first .first-BOX {
	float: left;
	border: 1px solid #333;
	width: 100%;
	border-radius: 0 0px;
	margin: 7px 0 0 0;
}
.righOfferCarTxt-first .first-BOX ul {
	float: left;
	width: 100%;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	font-family: 'gotham-mediumgotham-medium';
	padding: 12px 10px;
	line-height: 16px;
	background: white;
	min-height: 110px;
}
.righOfferCarTxt-first .first-BOX ul li {
	list-style: disc;
	margin: 0 0 4px 20px;
}
.righOfferCarTxt-first .first-BOX span {
	float: left;
	border-top: 0px solid #333;
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 8px 4px;
	background: #e51b2f;
	font-family: gotham_boldregular;
	color: #ffffff;
	font-size: 14px;
}
.first-BOX-extra {
	padding: 5px 0 0 0;
	float: left;
	width: 100%;
	font-size: 12px;
	color: #333;
	font-family: 'gotham-mediumgotham-medium';
}
.righOfferCarTxt-two {
	text-transform: none;
	background: #e51b2f;
	float: left;
	padding: 11px 20px 13px;
	width: 100%;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	border-radius: 0;
	margin: 10px 0 0 0;
	font-family: gotham_boldregular;
	color: #ffffff;
	font-size: 15px;
}
.tcapply {
	text-align: right;
	float: right;
	font-size: 10px;
}
.buy-back-cost {
	font-size: 9px;
	margin: 5px 0 -5px 0;
	float: left;
	width: 100%;
	color: #333;
}
#footer {
    background: #2f3438;
    color: #fff;
    font-size: 12px;
    float: none !important;
    width:1024px !important;
	margin:0 auto !important
}




.price-wrv-new {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
	margin:10px 0 50px
}
.price-wrv-new h2 {
    color: #e51b2f;
    font-family: gotham-lightgotham-light;
    font-size: 18px;
    padding: 0 0 10px 0;
    font-weight: 700;
}




.price-wrv-new .box-n {
    float: left;
    width: 100%;
    margin: 15px 0 30px 0;
    padding: 0;
}
.price-wrv-new .box-n h4 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    float: left;
    background: silver;
    padding: 15px 14px;
    margin: 0 0 14px 0;
    width: 100%;
    text-decoration: none;
    font-family: 'gotham-mediumgotham-medium';
	position:relative;
}
.price-wrv-new h4 span {
    position: absolute;
    right: 0;
    color: #ffffff;
    font-size: 24px;
    width: 45px;
    height: 45px;
    margin: -14px 0 0 0;
    text-align: center;
    line-height: 45px;
    font-weight: normal;
}
.price-wrv-new .box-n ul {
}
.price-wrv-new .box-n ul li {
    padding: 4px 0;
    list-style: disc;
    margin: 0 0 0 13px;
    word-break: break-all;
    width: 15%;
    float: left;
	vertical-align:top;
}
.price-wrv-new .box-n ul li a {
    color: #666;
    font-size: 11px;
}




.price-wrv-new .box-n2 {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}
.price-wrv-new .box-n2 h4 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    float: left;
    background: silver;
    padding: 15px 14px;
    margin: 0 0 14px 0;
    width: 100%;
    text-decoration: none;
    font-family: 'gotham-mediumgotham-medium';
	position:relative;
}
.price-wrv-new .box-n2 h4 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    float: left;
    background: silver;
    padding: 15px 14px;
    margin: 0 0 14px 0;
    width: 100%;
    text-decoration: none;
    font-family: 'gotham-mediumgotham-medium';
	position:relative;
}
.price-wrv-new .box-n2 ul {
}
.price-wrv-new .box-n2 ul li {
    padding: 4px 2% 4px 0;
    list-style: disc;
    margin: 0 0 0 13px;
    word-break: break-all;
    width: 15%;
    float: left;
}
.price-wrv-new .box-n2 ul li a {
    color: #666;
    font-size: 11px;
}




.price-wrv-new .box-n3 {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}
.price-wrv-new .box-n3 h4 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    float: left;
    background: silver;
    padding: 15px 14px;
    margin: 0 0 14px 0;
    width: 100%;
    text-decoration: none;
    font-family: 'gotham-mediumgotham-medium';
	position:relative;
}
.price-wrv-new .box-n3 ul {
}
.price-wrv-new .box-n3 ul li {
    padding: 4px 0;
    list-style: disc;
    margin: 0 0 0 16px;
    word-break: break-all;
    width: 14.5%;
    float: left;
}
.price-wrv-new .box-n3 ul li a {
    color: #666;
    font-size: 11px;
}



.price-wrv-new .box-n4 {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}
.price-wrv-new .box-n4 h4 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    float: left;
    background: silver;
    padding: 15px 14px;
    margin: 0 0 14px 0;
    width: 100%;
    text-decoration: none;
    font-family: 'gotham-mediumgotham-medium';
	position:relative;
}
.price-wrv-new .box-n4 ul {
}
.price-wrv-new .box-n4 ul li {
    padding: 4px 0;
    list-style: disc;
    margin: 0 0 0 16px;
    word-break: break-all;
    width: 14.5%;
    float: left;
}
.price-wrv-new .box-n4 ul li a {
    color: #666;
    font-size: 11px;
}



.price-wrv-new .box-n5 {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}
.price-wrv-new .box-n5 h4 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    float: left;
    background: silver;
    padding: 15px 14px;
    margin: 0 0 14px 0;
    width: 100%;
    text-decoration: none;
    font-family: 'gotham-mediumgotham-medium';
	position:relative;
}
.price-wrv-new .box-n5 ul {
}
.price-wrv-new .box-n5 ul li {
    padding: 4px 0;
    list-style: disc;
    margin: 0 0 0 16px;
    word-break: break-all;
    width: 14.5%;
    float: left;
}
.price-wrv-new .box-n5 ul li a {
    color: #666;
    font-size: 11px;
}

.priceTop .priceCon .calc a i {
    position: absolute;
    left: 0;
    width: 34px;
    height: 34px;
    background: #ccc url(https://stage.hondacarindia.com/content/desktop/images/global/calculate.png) no-repeat center;
    transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
}

.wrv-price-new { float: left;margin: 30px 0 0 165px; }

#cityId {
    border: solid 1px #ccc;
    width: 150px;
    padding: 8px;
    background: url(https://stage.hondacarindia.com/content/desktop/images/global/select-arrow.png) no-repeat right 10px center;
    margin: 0;
    background-size: 9px 5px;
    font: 10px gotham-lightgotham-light;
    color: #333333; 
	height: 34px;
}

.priceNot { color:#E51B2F !important; }
.pos {position: relative;}

.price-wrv-new ul  {
    padding:30px;   
}
.price-wrv-new ul li {
    padding: 4px 0;
    list-style: disc;
    margin: 0;
    word-break: break-all;
    width: 19.4%;
    display: inline-block;
	vertical-align: top;
}
.price-wrv-new ul li a {
    color: #666;
    font-size: 11px;
}
.PadTop140{padding-bottom: 50px;}

.rupees-symble2 {
    font: 22px gotham-mediumgotham-medium;
    line-height: normal;
    color: gray;
    margin: 1.2px 5px 0 0;
    width: auto;
    height: 22px;
    line-height: 24px;
    float: left;
}
.rupees-symble1 {
    font-size: 21px;
    font-weight: 500;
}
.rupees-symbol {
    font-size: 12px;
    font-weight: 500;
	float: none !important;
}
.faqt {
    padding: 10px 45px;
    line-height: 21px !important;
}
.faqt li
{
 list-style: disc;
 padding: 0;
 margin: 0 0 0 12px;
}


.capitalize
{
	text-transform: capitalize;
}

.carouselContainer .item .four-img-new-tags {
    font: 11px/14px gotham-bookgotham-book,sans-serif;
    color: #fff;
    padding: 13px 10px 0;
    display: inline-block;
    min-height: 70px;
    text-transform: capitalize;
}

h3 {
    font-weight: 400;
    font-size: 11px;
}

.new-page-link {
background: #999;
padding: 10px 35px;
float: left;
width: 1024px;
margin: 0 0 0 -512px;
position: fixed;
display: table;
left: 50%;
z-index: 9;
bottom: 0;
} 

.new-page-link .link-left {  
    float: left;	
	
	
	
	border: none;
	text-transform: uppercase;
	margin-right: 2px;
	
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: .5s ease;
	
width: auto;
height: 30px;
background: #E51B2F; 
color: #FFF;
padding: 9px 8px;
font: 12px gotham-mediumgotham-medium;


	

}
.new-page-link .link-left:hover {
    background: #323232;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: .5s ease;
}
.new-page-link .link-right {
    float: right;	
	
	
	border: none;
	text-transform: uppercase;
	margin-right: 2px;	
	cursor: pointer;
	-webkit-transition: all .5s ease; 
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: .5s ease;
	

width: auto;
height: 30px;
background: #E51B2F; 
color: #FFF;
padding: 9px 8px;
font: 12px gotham-mediumgotham-medium;
}
.new-page-link .link-right:hover {
    background: #323232;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: .5s ease;
}

.engDetails h3 {
    font: 20px gotham-lightgotham-light,sans-serif;
    padding: 0 0 10px;
    text-align: center;
}

.carouselContainer .item .four-img-new-tags-2 {
    font: 11px/14px gotham-bookgotham-book,sans-serif;
    color: #fff;
    padding: 13px 10px 0;
        padding-bottom: 0px;
    display: inline-block;
    min-height: 66px;
}

.safetySection .carouselContainer .item .four-img-new-tags-2 {
    color: #fff;
    display: block;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
}

.safetySection .carouselContainer { border-bottom:0;  }

.dragBlock {
    text-align: center;
    float: left;
    width: 100%;
    margin: 100px 0 0 0;
}

.checkbox-main .checkbox-main-left {
    float: left;
    margin: 0 10px 0 0 !important;
    width: 14px !important;
    padding: 0;
}

.sha-con-deta {
    font: 24px gotham-mediumgotham-medium;
    color: #e51b2f;
    display: inline-block;
}

.full-sec { float:left; width:100%; margin:0; padding:0; }

.checkbox-main p {
    float: left;
    margin: -2px 0 0 0;
    width: 600px;
    padding: 0;
}

.form-new-task {  }
.form-new-task #cityId {
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 15px;
    background: url(https://stage.hondacarindia.com/content/desktop/images/global/select-arrow.png) no-repeat right 10px center;
        background-size: auto;
    margin: 0;
    background-size: unset;
    font: 13px gotham-bookgotham-book;
    color: #666;
    height: auto;
}
.form-new-task #ChkTerms {
    width: auto;
	float:left;	
}
.form-new-task h3 { text-align:center; }
.form-new-task .feedbackPrsnldetails {
    padding-bottom: 0px;
    width: 100%;
}
.full-width-form { width:100%; }

.new-taskform-thank {
    width: 100%;
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 99992;
    float: left;
}


.titleh2 {
	color: #656565;
	font: 12px gotham-bookgotham-book, sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	position: relative;
	padding: 0 0 17px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.titleh2:after {
	content: '';
	background: #e21b2e;
	width: 20px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
}

.featurestabs  li a h2 {
    font-size: 12px;   
	font-weight:normal;
	font-family: 'gotham-mediumgotham-medium', sans-serif;
}
.breadcrumbs-inner {
    background: #f7f7f7 !important;
}
.breadcrumbs-inner a {
    background: #f7f7f7 !important;
}