@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-display: swap
}

@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-display: swap
}

@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-display: swap
}

@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-display: swap
}

@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-display: swap
}

@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;
    font-display: swap
}

.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-display: swap
}

@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-display: swap
}

@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-display: swap
}

@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-display: swap
}

@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;
    font-display: swap
}

@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-display: swap
}

@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;
    font-display: swap
}

.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: 27px gotham-bookgotham-book, sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
    font-weight: 700
}

h4 {
    font-weight: 400
}

.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: #fff
}

.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: 30px
}

.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: 33%;
    position: absolute;
    bottom: 6%;
    right: 0
}

.galleryTitle h3 {
    position: relative;
    bottom: 25x;
    padding: 0 15px
}

.pointOwlArrows {
    position: absolute;
    right: 0;
    top: 7%;
    width: 30%;
    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;
    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;
    padding: 15px;
    font: 13px gotham-bookgotham-book
}

.eachfdbkmailElement textarea {
    font-family: gotham-bookgotham-book, sans-serif;
    width: 97.4%;
    border: 1px solid #e5e5e5;
    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: 25px;
    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 1px #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
}

.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 8px;
    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: -290px -175px;
    width: 110px;
    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(#red_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: 700
}

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: 700
}

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: 700
}

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: 4px solid #a8a8a8
}

.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: 35px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center;
    max-width: 430px;
    z-index: 2
}

.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 {
    background: url(../images/CSS-Sprites.png);
    background-position: -259px -59px;
    width: 110px;
    height: 37px;
    margin: 0;
    float: right
}

.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: #000;
    font-family: HelveticaNeueMedium;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px
}

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
}

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

.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 25px;
    height: 392px
}

.view360 {
    text-align: center;
    padding-top: 40px
}

.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: 700
}

.para strong {
    color: #666;
    font: 12px/19px gotham-bookgotham-book, sans-serif;
    display: contents;
    font-weight: 400
}

.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: 700;
    font-family: gotham_boldregular;
    color: #333;
    text-align: center
}

.righOfferCarTxt-first .first-BOX {
    float: left;
    border: 1px solid #333;
    width: 100%;
    border-radius: 0 0;
    margin: 7px 0 0 0
}

.righOfferCarTxt-first .first-BOX ul {
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    font-family: gotham-mediumgotham-medium;
    padding: 12px 10px;
    line-height: 16px;
    background: #fff;
    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: 0 solid #333;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 8px 4px;
    background: #e51b2f;
    font-family: gotham_boldregular;
    color: #fff;
    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: 700;
    text-align: center;
    line-height: normal;
    border-radius: 0;
    margin: 10px 0 0 0;
    font-family: gotham_boldregular;
    color: #fff;
    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: #fff;
    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: #fff;
    font-size: 24px;
    width: 45px;
    height: 45px;
    margin: -14px 0 0 0;
    text-align: center;
    line-height: 45px;
    font-weight: 400
}

.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: #fff;
    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: #fff;
    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 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: #fff;
    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 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: #fff;
    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 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: #fff;
    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 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: #333;
    height: 34px
}

#cityId option {
    font: 12px gotham-bookgotham-book !important
}

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

.priceRange ul li img {
    max-width: 15px;
    opacity: 1;
    width: 15px;
    height: auto;
    margin: 0 0 -3px 0;
    padding: 0
}

.faqt {
    padding: 10px 45px;
    line-height: 21px !important;
}

.faqt {
    padding: 10px 45px;
    line-height: 21px !important;
}

.faqt li {
    list-style: disc;
    padding: 0;
    margin: 0 0 0 12px;
}

.faqt-nu {
    padding: 10px 46px;
    line-height: 21px !important;
}

.faqt-nu li {
    list-style: decimal;
    padding: 0;
    margin: 0 0 0 12px;
}

.capitalize {
    text-transform: capitalize;
}

.newdisclaimer2 {
    text-align: left;
    font-size: 11px;
    padding: 0;
    width: 100%;
    margin: 10px 0 0 7px;
    position: relative;
    font-family: gotham-mediumgotham-medium;
    bottom: 30px;
}

.brio-icon-12 {
    background-position: -262px -232px;
}