@charset "utf-8";
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    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
}

body {
    margin: 0;
    padding: 0;
    background: #eae9e6;
    color: #666;
    font: normal 13px gotham-lightgotham-light, sans-serif;
    line-height: normal;
    overflow-x: hidden
}

img {
    max-width: 100%;
    opacity: 0
}

a {
    outline: 0;
    text-decoration: none;
    transition: all .5s ease
}

input[type=submit] {
    -webkit-appearance: none
}

.bottom-menu:after,
.breedSection:after,
.carBlock:after,
.clearfix:after,
.container:after,
.engDiv:after,
.extBottom:after,
.fromSection:after,
.gridSection .col:after,
.gridSection:after,
.homeSection:after,
.mmdSection:after,
.oysterSection:after,
.price:after,
.priceDiv:after,
.rage_slider:after,
.safetyContent:after,
.spacDiv:after,
.spacMainDiv:after,
.spaciousSection:after,
.tecMain: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: 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-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: aldo_the_apacheregular;
    src: url(../fonts/aldotheapache.woff2) format("woff2"), url(../fonts/aldotheapache.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: din_condensedbold;
    src: url(../fonts/din_condensed_bold.woff2) format("woff2"), url(../fonts/din_condensed_bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: din_condensedbold;
    src: url(../fonts/din_condensed_bold_0.woff2) format("woff2"), url(../fonts/din_condensed_bold_0.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: dinregular;
    src: url(../fonts/dinbold.woff2) format("woff2"), url(../fonts/dinbold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: dinlight;
    src: url(../fonts/dinlight.woff2) format("woff2"), url(../fonts/dinlight.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: dinregular;
    src: url(../fonts/dinlightalternate.woff2) format("woff2"), url(../fonts/dinlightalternate.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: dinmedium;
    src: url(../fonts/dinmedium.woff2) format("woff2"), url(../fonts/dinmedium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'avenirroman';
    src: url('../fonts/avenir_55_roman.woff2') format('woff2'),
         url('../fonts/avenir_55_roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lemonmilkregular';
    src: url('../fonts/lemonmilk.woff2') format('woff2'),
         url('../fonts/lemonmilk.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.txtCenter {
    text-align: center
}

input,
select {
    outline: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.main-wraper {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.mainWrap {
    background: #fff
}

.container {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    padding: 0
}

.innerContainer {
    margin: 0 auto;
    max-width: 820px;
    position: relative
}

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

.logo {
    float: left
}

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

#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(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -495px -8px
}

#menu li.price-menu a img {
    display: inline-block;
    margin-bottom: 5px
}

#menu li.price-menu a:hover {
    border-color: #e52d36
}

.new_brio {
    float: right;
    position: absolute;
    right: 10px;
    top: 65%;
    margin-top: -22px
}

.accessoriesSection,
.exteriorSection,
.featuresSection,
.gallerySection,
.interiorSection {
    position: relative
}

.gallerySection .titleh3 {
    margin: 0
}

.PadTop80 {
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -54px
}

.PadTop140 {
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -140px
}

.homeSection {
    position: relative;
    z-index: 1
}

.homeImg {
    display: block
}

.homeContainer {
    max-width: 1230px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow: hidden
}

.mainImg {
    width: 100%;
    display: block
}

.mainImgmob {
    display: none
}

.bannerCon {
    width: 245px;
    position: absolute;
    right: 20px;
    bottom: 0
}

.fromSection {
    position: absolute;
    left: 0;
    bottom: 4px;
    color: #fff;
    z-index: 10;
    background: #e21b2e;
    padding: 5px 10px
}

.google {
    float: right;
    padding: 5px;
    font-weight: 700;
    font-size: 10px
}

.price {
    font: normal 14px gotham-bookgotham-book, sans-serif;
    float: left
}

.price span {
    font: normal 11px gotham-bookgotham-book, sans-serif !important
}

.price img {
    display: inline-block;
    margin-right: 3px;
    width: 9px
}

.price span {
    display: block;
    font: normal 14px gotham-bookgotham-book, sans-serif;
    text-align: left
}

.priceBtn {
    background: rgba(51, 51, 51, .59);
    border: 1px solid #fff;
    display: inline-block;
    font: normal 9px gotham-mediumgotham-medium, sans-serif;
    color: #fff;
    letter-spacing: 1px;
    padding: 12px 15px;
    text-transform: uppercase;
    margin-top: 10px
}

.priceBtn:hover {
    border-color: #fff;
    background: #999;
    color: #333
}

.ex-showroom {
    font: normal 9px gotham-bookgotham-book, sans-serif;
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    right: 335px;
    bottom: 15px
}

.homeBg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.homeBg img {
    width: 100%
}

.infoForm {
    width: 245px;
    position: absolute;
    right: -10px;
    bottom: 0;
    z-index: 11
}

.infoHead {
    position: relative;
    height: 53px;
    overflow: hidden
}

.infoHead i {
    background: #e21b2e;
    padding: 15px;
    float: left;
    height: 53px;
    transition: all ease-out .3s
}

.infoHead:hover i {
    background: #e21b2e
}

.infoHead img {
    display: block
}

.infoTxt {
    display: block;
    background: rgba(255, 255, 255, .9);
    margin-left: 52px;
    font: normal 11px gotham-bookgotham-book, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 21px 15px;
    color: #666
}

.infoActive {
    cursor: pointer
}

.infoActive i {
    background: #b7b7b7
}

.infoActive .infoClose {
    display: none
}

.infoClose {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    cursor: pointer
}

.formInfo {
    background: #efefef;
    padding: 15px;
    display: none;
    width: 100%
}

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

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

.headInfo {
    color: #666;
    font: normal 15px gotham-bookgotham-book, sans-serif;
    margin-bottom: 5px;
    display: contents
}

.headInfo h1 {
    color: #666;
    font: normal 15px gotham-bookgotham-book, sans-serif;
    display: contents
}

.formInfo .headBoxNewBord {
    color: #666;
    font: normal 15px gotham-bookgotham-book, sans-serif;
    margin-bottom: 5px 
}

.formInfo .headBoxNewBord h1 {
    color: #666;
    font: normal 15px gotham-bookgotham-book, sans-serif;
    margin-bottom: 5px 
}

.formInfo h3 {
    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;
    padding-top: 0
}

.formInfo input {
    background: #fff;
    border: none;
    padding: 6px 10px;
    width: 100%;
    margin-bottom: 2px;
    height: 32px;
    font-family: gotham-bookgotham-book, sans-serif
}

.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;
    font-family: gotham-bookgotham-book, sans-serif
}

.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;
    font-family: gotham-bookgotham-book, sans-serif
}

.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, .5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: none
}

.exteriorSection {
    background: url(../images/bg.jpg) no-repeat top center/cover;
    transition: all .5s ease;
    position: relative
}

.extDiv {
    text-align: center;
    padding: 32px 0 0
}

.amaze-ext-2 {
    color: #656565;
    font: 12px gotham-bookgotham-book, sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px
}

.amaze-ext-2:after {
    content: "";
    background: #e21b2e;
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px
}

.amaze-ext-3 {
    color: #323232;
    font: 27px gotham-bookgotham-book, sans-serif;
    margin-bottom: 20px
}

.titleh4 {
    font: 14px gotham-bookgotham-book, sans-serif;
    margin-bottom: 40px
}

.para {
    max-width: 725px;
    margin: 0 auto
}

.para p {
    color: #666;
    font: 12px/19px gotham-bookgotham-book, sans-serif
}

.interiorSection .para {
    max-width: 680px
}

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 50px
}

ul.tabs li.active a {
    font-family: gotham-mediumgotham-medium, sans-serif;
    color: #e11b2f
}

ul.tabs li a:hover {
    color: #e21b2e
}

ul.tabs li.active:before {
    opacity: 1
}

ul.tabs li a span {
    text-transform: lowercase
}

.view360interior {
    text-align: center;
    position: relative;
    margin: 45px auto 0
}

.view360interiorImg {
    width: 100%
}

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

.view360 .spritespin {
    margin: auto
}

.spritespin img {
    opacity: 1;
    transition: all 3.5s ease-in-out
}

.spritespin img:hover {
    transform: scale(1.1)
}

.dragBlock {
    text-align: center
}

.dragBlock img {
    display: inline-block
}

.dragBlock p {
    padding: 10px 0 32px;
    font: 12px gotham-bookgotham-book, sans-serif;
    color: #666
}

.colorChangeDiv {
    text-align: center;
    padding: 40px 15px
}

.color_change img:not(#urban_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: 10px;
    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: 0 auto 0px;
    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: 90%
}

.albasterSilverCol,
.goldenBrownCol,
.redPearlCol,
.steelMetallicCol,
.taffetaWhiteCol,
.whiteOrchidCol {
    width: 26px;
    height: 26px;
    border: 1px solid #cacaca;
    margin-right: 10px
}

.redPearlCol {
    background: #90373e
}

.whiteOrchidCol {
    background: #eae9e4
}

.steelMetallicCol {
    background: #46505a
}

.taffetaWhiteCol {
    background: #e6ede8
}

.goldenBrownCol {
    background: #6e4b4b
}

.albasterSilverCol {
    background: #c8cfca
}

.interiorSection {
    background: url(../images/bg.jpg) no-repeat center center/cover;
    margin-top: 0
}

.engineSection {
    background: #fff;
    position: relative;
    z-index: 1
}

.engineSection:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .08) url(../images/bg.jpg) no-repeat center top/100% 100%;
    z-index: -1
}

.engineContainer {
    margin: 25px 0 0
}

.engLeft,
.engRight {
    float: left;
    width: 50%;
    position: relative
}

.engLeft {
    background: rgba(0, 0, 0, .08)
}

.engRight img {
    display: block;
    width: 100%
}

.engRightContent {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.right {
    float: right
}

.left {
    float: left
}

.t01 {
    text-align: justify
}

.engDesc {
    padding: 30px 10px 25px;
    color: #fff;
    max-width: 281px
}

.engDesc h4 {
    font: 22px gotham-bookgotham-book, sans-serif;
    padding: 0 0 15px
}

.engDesc h4 span {
    display: block;
    font-family: gotham-mediumgotham-medium, sans-serif
}

.engDesc p {
    font: 12px/20px gotham-bookgotham-book, sans-serif
}

.engDesc ul {
    padding: 10px 0 0 10px
}

.engDesc ul li {
    font: 12px/20px gotham-bookgotham-book, sans-serif;
    color: red;
    list-style-type: disc
}

.engDesc ul li span {
    color: #fff
}

.engItem {
    padding: 9px 25px 18px 18px;
    position: relative
}

.b01 {
    border-bottom: 1px solid #fff
}

.engImage {
    float: left;
    width: 38%;
    padding: 0 10px 0 0
}

.engImage img {
    width: 100%;
    display: block
}

.engDetails {
    float: left;
    width: 62%;
    padding: 21px 0 0;
    color: #323232
}

.engDetails h4 {
    font: 20px gotham-lightgotham-light, sans-serif;
    padding: 0 0 10px
}

.engDetails p {
    font: 11px/19px gotham-bookgotham-book, sans-serif
}

.enginList {
    font: 11px gotham-bookgotham-book, sans-serif;
    text-align: center;
    margin-top: 5px;
    width: 100%;
    border-collapse: collapse
}

.enginList th {
    font: 12p gotham-mediumgotham-medium, sans-serif;
    border-bottom: 3px solid #ccc
}

.enginList td,
.enginList th {
    padding: 10px 5px;
    border-right: 1px solid #ccc
}

.enginList td:last-child,
.enginList th:last-child {
    border-right: none
}

.oysterSection {
    background: url(../images/bg.jpg) no-repeat center center/cover #fff;
    padding-bottom: 40px
}

.oysterSection .titleh3 {
    font-size: 24px
}

.spacDiv {
    position: relative
}

.spacContainer {
    max-width: 1200px;
    position: relative;
    margin: 0 auto
}

.spacContent {
    position: absolute;
    right: 0;
    top: 80px;
    max-width: 34.5%;
    text-align: left;
    line-height: 28px;
    padding-right: 10px
}

.spacImage img {
    display: block;
    width: 100%;
    margin: 25px 0 0
}

.boxMain {
    display: table;
    width: 100%
}

.boxDiv {
    display: table-cell;
    background: #fff;
    width: 33.333%
}

.boxDiv img {
    display: block;
    width: 100%
}

.boxDiv span {
    display: block;
    font: normal 10px/15px gotham-bookgotham-book, sans-serif;
    color: #323232;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    min-height: 50px;
    position: relative
}

.boxDiv span:after {
    width: 2px;
    background: #cbcbcb;
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    content: ""
}

.boxDiv:last-child {
    border: none
}

.boxDiv:last-child span:after {
    display: none
}

.gray {
    background: #a8a8a8
}

.white {
    background: #fff
}

.spacMiddle {
    position: relative;
    text-align: center;
    margin-bottom: 4px
}

.spacCar {
    position: relative;
    left: -295px;
    max-width: 574px;
    display: block;
    transition: all ease 1.5s;
    z-index: 1
}

.spacCar.active {
    left: 50%;
    margin-left: -400px
}

.spacCar img {
    display: block
}

.spacMainDiv {
    max-width: 1200px;
    margin: 0 auto
}

.sboot {
    position: absolute;
    bottom: 40px;
    right: -170px;
    font: normal 30px/40px gotham-lightgotham-light, sans-serif;
    text-align: left;
    color: #fff
}

.spacCar .sboot {
    opacity: 0;
    transition: opacity 6s ease-in-out
}

.spacCar.active .sboot {
    opacity: 1
}

.carouselContainer {
    padding: 0 40px;
    background: #18181a;
    border-top: 4px solid #999
}

.carouselContainer .item {
    border-left: 2px solid #585859;
    text-align: center
}

.carouselContainer .item h4 {
    font: 10px/14px gotham-bookgotham-book, sans-serif;
    color: #fff;
    padding: 13px 10px 0;
    display: inline-block;
    min-height: 55px
}

.carouselContainer .item h5 {
    font: 10px/14px gotham-bookgotham-book, sans-serif;
    color: #fff;
    padding: 13px 10px 13px;
    display: inline-block;
    min-height: auto
}

#owl-carousel-spaceSection {
    border-right: 2px solid #585859
}

.spacDiv .owl-dots {
    display: none
}

.spacDiv .owl-theme .owl-controls .owl-nav [class*=owl-] {
    text-indent: -9999px;
    width: 12px;
    height: 22px;
    margin: 0
}

.spacDiv .owl-theme .owl-controls .owl-nav .owl-next,
.spacDiv .owl-theme .owl-controls .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    padding: 0 20px
}

.spacDiv .owl-theme .owl-controls .owl-nav .owl-prev {
    background-color: transparent;
    background-image: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-position-x: 0;
    background-position-y: 0;
    background-position: -373px -52px;
    left: -42px;
    width: 13px;
    height: 43px;
    top: 70px
}

.spacDiv .owl-theme .owl-controls .owl-nav .owl-prev:hover {
    background-color: transparent;
    background-image: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-position-x: 0;
    background-position-y: 0;
    background-position: -373px -52px
}

.spacDiv .owl-theme .owl-controls .owl-nav .owl-next {
    background-color: transparent;
    background-image: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-position-x: 0;
    background-position-y: 0;
    background-position: -404px -52px;
    right: -42px;
    width: 13px;
    height: 43px;
    top: 70px
}

.spacDiv .owl-theme .owl-controls .owl-nav .owl-next:hover {
    background-color: transparent;
    background-image: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-position-x: 0;
    background-position-y: 0;
    background-position: -404px -52px
}

.spacDiv .owl-theme .owl-controls {
    margin-top: 0
}

.techSection {
    background: url(../images/bg.jpg) no-repeat center top/100% #fff
}

#owl-carousel-techSection {
    border-right: 2px solid #585859
}

.safetySection {
    color: #ccc;
    position: relative
}

.safetyContent {
    position: relative;
    width: 100%
}

.safetyContent .half {
    position: relative
}

.safetyContent .half img {
    width: 100%;
    display: block
}

.safetyContent .half2 {
    position: relative
}

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

.safetyContentBottom h4 {
    font: 18px gotham-bookgotham-book, sans-serif;
    color: #fff;
    margin-bottom: 10px
}

.safetyContentBottom p {
    font: 11px/19px gotham-bookgotham-book, sans-serif;
    color: #fff
}

.safContent {
    text-align: center
}

.safeItem {
    border-right: 1px solid #dbdbdb;
    display: inline-block;
    width: 240px;
    padding: 15px;
    vertical-align: top;
    margin-right: -4px
}

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

.safContent .owl-theme .owl-controls .owl-nav .owl-prev,
.safContent .owl-theme .owl-controls .owl-nav .owl-prev:hover {
    background: url(../images/left_arrow1.png) no-repeat;
    left: -30px
}

.safContent .owl-theme .owl-controls .owl-nav .owl-next,
.safContent .owl-theme .owl-controls .owl-nav .owl-next:hover {
    background: url(../images/right_arrow1.png) no-repeat;
    right: -30px
}

.safeItem span {
    font: 11px/15px gotham-bookgotham-book, Geneva, sans-serif;
    display: block;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px;
    position: relative;
    min-height: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.safeItem span:after {
    width: 20px;
    height: 2px;
    background: #999;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    content: ""
}

.safeItem a {
    font: 9px gotham-bookgotham-book, Geneva, sans-serif;
    color: #e11b2f;
    text-transform: uppercase;
    letter-spacing: 1px
}

.safeItem a:hover {
    color: #333
}

.safetyContent .half2 .safetyItem {
    max-width: 580px;
    overflow: hidden;
    background: #f5f5f5;
    margin: auto auto 10px
}

.safetyContent .half2 .safetyItem2 {
    background: #ababab;
    padding: 50px 20px
}

.safetyContent .half2 .safetyItem2 p {
    margin: auto;
    max-width: 420px;
    color: #fff;
    line-height: 25px
}

.safetyItem .grid {
    clear: both;
    overflow: hidden
}

.safetyItem .grid .grid50 {
    border-right: 2px solid #e1e1e1;
    float: left;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    width: 50%
}

.safetyItem .grid .grid50 h3 {
    font-family: gotham-bookgotham-book, Geneva, sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #666;
    padding-bottom: 10px;
    text-transform: uppercase
}

.safetyItem .grid .grid50::after {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    display: block;
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px
}

.safetyItem .grid:last-child {
    margin-top: 15px
}

.safetyItem .grid:last-child .grid50::after {
    background: 0 0
}

.safetyItem .grid .grid50:last-child {
    border-right: none
}

.safetyItem .grid:last-child .grid50 h3 {
    padding-bottom: 0
}

.safetycontent .safetyItem:last-child {
    background: #ababab
}

.gridSection {
    position: relative;
    margin: 0 -1px
}

.gridSection .row33 {
    width: 33.3333%;
    float: left
}

.gridSection .col {
    margin: 1px;
    position: relative;
    overflow: hidden;
    float: left
}

.gridSection .col:hover .egalleryover {
    transform: translateY(0)
}

.accpointGallery,
.gridSection .col .pointGallery,
.interiorPoint {
    cursor: pointer
}

.gridSection .col img {
    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)
}

.gridSection .row33 .col i {
    position: absolute;
    top: 1px;
    right: 1px
}

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

.overlayPopup1 {
    background: #e8e8e8;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: none
}

.discoverPopupClose1 {
    position: absolute;
    top: 35px;
    right: 30px;
    cursor: pointer;
    z-index: 9999
}

.discoverPopupClose1 img {
    transition: all .2s ease !important
}

.discoverPopupClose1:hover img {
    transform: rotate(90deg)
}

.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-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(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -670px -195px
}

.responsive-accordion-minus {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -630px -195px
}

.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.jpg) 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: 192px
}

.safeItem:last-child {
    border: none
}

.safeItem img {
    margin-bottom: 0
}

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

.safContent .owl-theme .owl-controls .owl-nav .owl-prev {
    background-color: transparent;
    background-image: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-position-x: 0;
    background-position-y: 0;
    background-position: -444px -57px;
    left: -25px;
    width: 13px;
    height: 43px;
    top: 80px
}

.safContent .owl-theme .owl-controls .owl-nav .owl-prev:hover {
    background-color: transparent;
    background-image: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-position-x: 0;
    background-position-y: 0;
    background-position: -444px -57px;
    left: -25px;
    width: 13px;
    height: 43px;
    top: 80px
}

.safContent .owl-theme .owl-controls .owl-nav .owl-next {
    background-color: transparent;
    background-image: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-position-x: 0;
    background-position-y: 0;
    background-position: -471px -57px;
    right: -25px;
    width: 13px;
    height: 43px;
    top: 80px
}

.safContent .owl-theme .owl-controls .owl-nav .owl-next:hover {
    background-color: transparent;
    background-image: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-position-x: 0;
    background-position-y: 0;
    background-position: -471px -57px;
    right: -25px;
    width: 13px;
    height: 43px;
    top: 80px
}

.safeItem h5 {
    font: 10px/15px gotham-bookgotham-book, Geneva, sans-serif;
    display: block;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 0px;
    position: relative;
    min-height: auto;
	padding: 13px 10px;
}

h4 {
    font-weight: 400
}

.safeItem a {
    font: 9px gotham-bookgotham-book, Geneva, sans-serif;
    color: #e11b2f;
    text-transform: uppercase;
    letter-spacing: 1px
}

.safeItem a:hover {
    color: #333
}

.safetyContent .half2 .safetyItem {
    max-width: 580px;
    overflow: hidden;
    background: #f5f5f5;
    margin: auto auto 10px
}

.safetyContent .half2 .safetyItem2 {
    background: #ababab;
    padding: 50px 20px
}

.safetyContent .half2 .safetyItem2 p {
    margin: auto;
    max-width: 420px;
    color: #fff;
    line-height: 25px
}

.safetyItem .grid {
    clear: both;
    overflow: hidden
}

.safetyItem .grid .grid50 {
    border-right: 2px solid #e1e1e1;
    float: left;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    width: 50%
}

.safetyItem .grid .grid50 h3 {
    font-family: gotham-bookgotham-book, Geneva, sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #666;
    padding-bottom: 10px;
    text-transform: uppercase
}

.safetyItem .grid .grid50::after {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    display: block;
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px
}

.safetyItem .grid:last-child {
    margin-top: 15px
}

.safetyItem .grid:last-child .grid50::after {
    background: 0 0
}

.safetyItem .grid .grid50:last-child {
    border-right: none
}

.safetyItem .grid:last-child .grid50 h3 {
    padding-bottom: 0
}

.safetycontent .safetyItem:last-child {
    background: #ababab
}

.gridSection {
    position: relative;
    margin: 0 -1px
}

.gridSection .row33 {
    width: 33.3333%;
    float: left
}

.gridSection .col {
    margin: 1px;
    position: relative;
    overflow: hidden
}

.gridSection .col:hover .egalleryover {
    transform: translateY(0)
}

.accpointGallery,
.gridSection .col .pointGallery,
.interiorPoint {
    cursor: pointer
}

.gridSection .col img {
    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)
}

.gridSection .row33 .col i {
    position: absolute;
    top: 1px;
    right: 1px
}

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

.overlayPopup1 {
    background: #e8e8e8;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: none
}

.discoverPopupClose1 {
    position: absolute;
    top: 35px;
    right: 30px;
    cursor: pointer;
    z-index: 9999
}

.discoverPopupClose1 img {
    transition: all .2s ease !important
}

.discoverPopupClose1:hover img {
    transform: rotate(90deg)
}

.galleryImage {
    width: 67%
}

.galleryImage1 {
    width: 66.5%
}

.galleryImage2 {
    width: 551px;
	height: 393px
}
.interiorSection .galleryImage2 img {
    height: 393px
}

.galleryImage img {
    width: 100%
}

.galleryTitle {
    width: 33%;
    position: absolute;
    bottom: 6%;
    right: 0
}

.galleryTitle1 {
    width: 32%;
    position: absolute;
    bottom: 3%;
    right: 0
}

.galleryTitle h5 {
    position: relative;
    padding: 0 15px;
    color: #666;
    font-weight: 400;
    font-size: 1.17em
}

.galleryTitle1 h5 {
    position: relative;
    padding: 0 15px;
    color: #666;
    font-weight: 400;
    font-size: 1.17em
}

.pointOwlArrows {
    position: absolute;
    right: 0;
    top: 7%;
    width: 30%;
    z-index: 999
}

.pointOwlArrows a {
    float: left;
    cursor: pointer;
    width: 44px;
    height: 50px;
    border: 1px solid #d0d0d0;
    text-indent: -9999px
}

.pointOwlArrows a:hover {
    border: 1px solid #999
}

.accmobnext,
.btn.next,
.innext,
.mobIntnext,
.mobnext,
.paccnext {
    background: #f0f0f0 url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -198px 8px;
    margin: 0;
    float: left
}

.accmobprev,
.btn.prev,
.inprev,
.mobIntprev,
.mobprev,
.paccprev {
    background: #f0f0f0 url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -164px 8px;
    margin: 0;
    float: left
}

.exteriorTabgap {
    padding: 40px 0;
    position: relative
}

.exteriorGallery .owl-controls {
    display: none
}

.accnext,
.accnext1,
.accprev,
.accprev1,
.egnext,
.egprev,
.inext,
.iprev {
    position: absolute;
    top: 40%;
    width: 35px;
    height: 60px;
    margin-top: -30px;
    text-indent: -9999px;
    border: 1px solid #686868;
    cursor: pointer
}

.accnext,
.accnext1,
.egnext,
.inext {
    right: 67px;
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -204px 11px;
    margin: 0;
    float: left
}

.accprev,
.accprev1,
.egprev,
.iprev {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -168px 11px;
    margin: 0;
    float: left;
    left: 67px
}

.egalleryover {
    position: relative;
    transform: translateY(100%);
    transition: all .2s ease;
    cursor: pointer;
    z-index: 2;
    pointer-events: none;
    text-align: center;
    float: left;
    width: 100%;
}

#owl-carousel-accgallery .egalleryover {
    padding: 0  ;
}

.egmain {
    position: fixed;
    bottom: -3px;
    width: 100%;
}
.accessoriesSection .cost {
    font: 14px gotham-mediumgotham-medium, sans-serif;
    color: #fff;
    background: #e11b2f;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 15px;
    letter-spacing: 1px
}

.egtitle {
    color: #fff;
    font: normal 10px gotham-mediumgotham-medium,sans-serif;
    text-transform: unset;
    letter-spacing: 0;
    padding: 6px 5px;
    position: relative;
    margin-bottom: 0;
    background: #000;
}

.egtitle:after {
    content: "";
    background: #e21b2e;
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0
}

.egpara {
    color: #fff;
    font: normal 10px gotham-mediumgotham-medium, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 25px
}

#owl-carousel-accgallery .egmain {
    left: 0;
    right: 0
}

.brioGallery {
    position: relative
}

#owl-carousel-brioGallery {
    margin-top: 0
}

#owl-carousel-brioGallery .owl-prev {
    position: absolute;
    top: 50%;
    left: -6px;
    text-indent: -9999px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: 0 -154px
}

#owl-carousel-brioGallery .owl-next {
    position: absolute;
    top: 50%;
    right: -6px;
    text-indent: -9999px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -81px -154px
}

#owl-carousel-brioGallery .owl-controls {
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

#owl-carousel-brioGallery .owl-dots {
    display: none !important
}

.connectSection {
    background: url(../images/bg.jpg) no-repeat scroll center bottom/cover;
    text-align: center;
    position: relative
}

.connectSection:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 130px;
    z-index: 1;
    background: #fff
}

.connectSection img {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    z-index: 2
}

.connectSection a {
    background: #ec1f30;
    padding: 12px 35px;
    font: normal 12px gotham-mediumgotham-medium, sans-serif;
    color: #fff;
    text-decoration: none;
    bottom: 30%;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    position: absolute;
    z-index: 99
}

.connectSection a:hover {
    background: #999
}

.leftPop {
    width: 70%
}

.rightPop {
    width: 30%;
    position: absolute;
    bottom: 0;
    right: 0
}

.iterior_row {
    float: left
}

.iterior_row .col {
    width: 269.5px
}

#owl_carousel_InteriorPopup .owl-controls {
    display: none
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-youtube:before {
    content: "\f167"
}

.faqBtn {
    font: normal 12px gotham-bookgotham-book, sans-serif;
    color: #666;
    display: inline-block;
    border: 1px solid #666;
    padding: 15px 45px;
    letter-spacing: 2px;
    margin: 35px 0 20px;
}

.faqBtn:hover {
    background: #fff
}

.downloadBtn {
    font: normal 12px gotham-bookgotham-book, sans-serif;
    color: #666;
    display: inline-block;
    border: 1px solid #666;
    padding: 15px 45px;
    letter-spacing: 2px;
    margin: 35px 0 20px;
}

.downloadBtn:hover {
    background: #fff
}

.gradesCon {
    padding: 60px 0
}

.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 27px/28px gotham-mediumgotham-medium, sans-serif;
    padding-right: 10px;
    position: relative;
    margin-right: 10px
}

.acc_tab_content h5 {
    font: bold 1.17em gotham-lightgotham-light, sans-serif
}

.callertune h5 {
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 28px;
    float: left;
    width: 100%;
    margin: 0
}

.gradeHead h5:after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    background: #cbcbcb;
    width: 1px;
    height: 32px
}

.gradeGap {
    padding: 15px 10px 0 15px
}

.gradesMain li {
    font-size: 11px;
    padding: 15px 0;
    position: relative;
    color: #333;
    line-height: 14px
}

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

.overlayPopup {
    background: #e8e8e8;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    transform: scale(0);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    overflow: hidden;
	height:393px;
}

.activePop {
    transform: scale(0);
    animation-name: activePopScale;
    animation-duration: 1s;
    webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.activePop1 {
    transform: scale(0);
    animation-name: activePopScale1;
    animation-duration: 1s;
    webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.night_daySection {
    position: relative;
    margin: 40px auto 0
}

.night_daySection img {
    width: 100%;
    transition: all .3s ease 0
}

.daySection img,
.nightSection img {
    display: block
}

.nightSection {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.rage_slider_main {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0
}

.rage_slider {
    max-width: 240px;
    margin: 0 auto;
    background: rgba(15, 15, 15, .8);
    border-radius: 30px;
    border: 1px solid #666;
    padding: 10px 10px 8px;
    text-align: center
}

.rage_slider span {
    float: left;
    margin: 2px 0 0;
    width: 15px
}

.rage_slider span:last-child {
    float: right
}

input[type=range] {
    font-family: gotham-bookgotham-book, sans-serif
}

.rage_slider input[type=range] {
    width: 80%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: 0 0;
    outline: 0;
    border: none
}

.rage_slider input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    height: 12px;
    width: 12px;
    background: url(../images/day_night/drag_holder.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    border: none
}

.rage_slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    background: url(../images/day_night/drag_holder.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-top: -5px;
    border: none
}

.rage_slider input[type=range]::-ms-thumb {
    width: 12px;
    height: 12px;
    background: url(../images/day_night/drag_holder.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-top: 0;
    border: none;
    outline: 0;
    cursor: pointer;
    border: none;
    position: relative;
    z-index: 100
}

.rage_slider input[type=range]::-moz-range-track {
    cursor: pointer;
    background: url(../images/day_night/line.png) no-repeat right center;
    height: 2px;
    background-size: cover;
    border: none
}

.rage_slider input[type=range]::-webkit-slider-runnable-track {
    cursor: pointer;
    background: url(../images/day_night/line.png) no-repeat right center;
    background-size: cover;
    height: 2px;
    border: none
}

.rage_slider input[type=range]::-ms-track {
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: transparent;
    background-image: url(../images/day_night/line.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    height: 20px;
    border: none
}

.rage_slider input[type=range]::-ms-fill-lower {
    background: 0 0
}

.rage_slider input[type=range]:focus::-ms-fill-lower {
    background: 0 0
}

.rage_slider input[type=range]::-ms-fill-upper {
    background: 0 0
}

.rage_slider input[type=range]:focus::-ms-fill-upper {
    background: 0 0
}

.div360 {
    position: relative;
    max-width: 1048px;
    margin: 0 auto;
}

.spritespin {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

#owl-carousel-mobIntgallery-point.owl-theme .owl-controls,
#owl-carousel-mobgallery-point.owl-theme .owl-controls,
#owl-carousel-point.owl-theme .owl-controls {
    display: none
}

.Igallery1 {
    width: 487px
} 
 
.Igallery2 {
    width: 336px 
}
.Igallery3 {
    width: 336px  
}

.mobileGridSection {
    display: none;
    position: relative
}

.mobileGridRow {
    width: 50%;
    float: left
}

.mobileGridCol {
    margin: 1px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left
}

.mobileGridCol img {
    width: 100%;
    display: block
}

.mobileGridCol:hover .egalleryover {
    transform: translateY(0)
}

.infoForm,
.overlaybg {
    opacity: 0;
    transition: all ease 1s
}

.formInfo input[type=submit]:hover {
    background: #f90a2f
}

.responsive-accordion-head {
    transition: all ease 1s
}

.responsive-accordion-head:hover {
    background: silver;
    color: #fff
}

.responsive-accordion-head:hover .responsive-accordion-plus {
    display: none !important
}

.responsive-accordion-head:hover .responsive-accordion-minus {
    display: block !important
}

#owl-carousel-accmobpoint .owl-controls,
#owl-carousel-accpoint .owl-controls {
    display: none
}

#owl-carousel-accmobgallery .owl-controls {
    margin-top: 20px
}

.breedSection {
    position: relative;
    margin-top: 5px
}

.breedLeft {
    width: 50%;
    float: left
}

.breedLeft img,
.breedRight img {
    width: 100%
}

.img1023Above {
    display: block
}

.breedRight {
    float: right;
    width: 50%;
    position: relative
}

.breedRight:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 3px;
    content: ""
}

.breedCon {
    max-width: 526px;
    padding: 100px 40px 50px 65px;
    color: #323232;
    font: normal 13px gotham-lightgotham-light, sans-serif;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.breedCon h2 {
    font: 19px gotham-bookgotham-book, sans-serif;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.breedCon h2:after {
    background: #e21b2e;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 28px
}

.breedCon h3 {
    font: 13px gotham-bookgotham-book, sans-serif;
    padding-bottom: 135px
}

.breedCon p {
    line-height: 20px;
    color: #fff
}

.sportSection {
    background: #758087;
    padding-top: 90px;
    color: #fff
}

.sportSection h4 {
    font: 18px gotham-bookgotham-book, sans-serif;
    padding-bottom: 35px
}

.multiDrive {
    text-align: right
}

.sImg {
    margin-bottom: 30px
}

.mmdSection {
    background: rgba(8, 9, 8, .1);
    text-align: center;
    width: 100%
}

.sDiv {
    float: left;
    width: 25%;
    border-right: 1px solid #cbcbcb
}

.sDiv:first-child {
    border-left: 1px solid #cbcbcb
}

.sDiv span {
    display: block;
    font: 10px gotham-bookgotham-book, sans-serif;
    padding: 10px;
    letter-spacing: 1px
}

.technologySection {
    background: url(../images/bg.jpg) no-repeat scroll center top/cover;
    position: relative
}

.tecMain {
    padding: 30px 0;
    margin: 0 -5px
}

.tecDiv {
    float: left;
    width: 50%;
    padding: 0 5px
}

.tecDiv h5 {
    font: normal 15px gotham-bookgotham-book, sans-serif;
    color: #323232;
    margin: 12px 0
}

.tecDiv sup {
    font-size: 9px
}

.tecDiv p {
    font: normal 12px/20px gotham-bookgotham-book, sans-serif;
    color: #333
}

.tecDiv p.last {
    text-align: right;
    font-size: 9px;
    margin-top: 20px;
    color: #656565
}

.img1023,
.img767 {
    display: none
}

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: left;
    padding: 0;
    line-height: 1.125em;
    cursor: pointer
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 10px
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left
}

.slicknav_menu .slicknav_icon {
    float: left
}

.slicknav_menu .slicknav_icon:before {
    background: 0 0;
    width: 1.125em;
    height: .875em;
    display: block;
    content: "";
    position: absolute
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 30px;
    height: 2px
}

.slicknav_menu:before {
    content: "";
    display: table
}

.slicknav_menu:after {
    content: "";
    display: table;
    clear: both
}

.slicknav_nav {
    clear: both
}

.slicknav_nav ul {
    display: block
}

.slicknav_nav li {
    display: block
}

.slicknav_nav .slicknav_arrow {
    font-size: .8em;
    margin: 0 0 0 .4em
}

.slicknav_nav .slicknav_item {
    cursor: pointer
}

.slicknav_nav .slicknav_item a {
    display: inline
}

.slicknav_nav .slicknav_row {
    display: block
}

.slicknav_nav a {
    display: block
}

.slicknav_nav .slicknav_parent-link a {
    display: inline
}

.slicknav_brand {
    float: left
}

.slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
    display: none;
    width: 100%
}

.slicknav_menu * {
    box-sizing: border-box
}

.slicknav_menu .slicknav_menutxt {
    color: #f4f4f4;
    font-weight: 700;
    text-shadow: 0 1px 3px #000;
    text-transform: uppercase;
    font: normal 12px gotham-mediumgotham-medium, sans-serif;
    margin-top: 1px
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #e62d36
}

.slicknav_btn {
    margin: 18px 0 18px 15px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: right
}

.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: .875em;
    list-style: none;
    overflow: hidden
}

.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    padding: 0 0 20px 0
}

.slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px
}

.slicknav_nav .slicknav_row:hover {
    background: #fff;
    color: #000
}

.slicknav_nav a {
    padding: 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff
}

.slicknav_nav a:hover {
    background: #fff;
    color: #000
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px
}

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0
}

.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0
}

.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px
}

.hondaLoad {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    z-index: 1
}

#owl-carousel-Igallery .owl-controls {
    display: block;
    margin-top: 15px;
    position: absolute;
    left: 0;
    right: 0
}

#owl-carousel-Igallery .owl-controls .owl-dots {
    display: none !important
}

#owl-carousel-Igallery {
    margin-bottom: 20px
}

.spaciousSection {
    background: url(../images/bg.jpg) no-repeat center top/100% #fff
}

.spaciousSection .para {
    max-width: 780px
}

.spacDiv {
    position: relative
}

.spacContainer {
    max-width: 1200px;
    position: relative;
    margin: 0 auto
}

.spacContent {
    position: absolute;
    right: 150px;
    top: 150px;
    max-width: 300px;
    text-align: left;
    font: 12px gotham-bookgotham-book, sans-serif;
    line-height: 19px;
    color: #666
}

.spacContent h3 {
    font: 23px/28px gotham-bookgotham-book, sans-serif;
    color: #333;
    margin-bottom: 15px
}

.boxDiv {
    float: left;
    width: 25%;
    padding: 0 1px
}

.boxDiv img {
    display: block;
    width: 100%
}

.boxDiv span {
    background: #fff;
    display: block;
    font: normal 11px/14px gotham-bookgotham-book, sans-serif;
    color: #656565;
    padding: 15px 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
    min-height: 58px
}

.boxDiv span:after {
    position: absolute;
    right: -1px;
    bottom: 0;
    top: 0;
    background: #ccc;
    width: 1px;
    content: ""
}

.boxDiv:last-child span:after {
    display: none
}

.spacMiddle {
    position: relative;
    text-align: center;
    margin-bottom: 4px
}

.spacCar {
    position: relative;
    left: -295px;
    max-width: 574px;
    display: block;
    transition: all ease 1.5s;
    z-index: 1
}

.spacCar.active {
    left: 50%;
    margin-left: -485px
}

.spacCar img {
    display: block
}

.spacMainDiv {
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: solid 4px #a8a8a8;
    margin: 0 -1px
}

.sboot {
    position: absolute;
    bottom: 50px;
    right: -160px;
    font: normal 28px/31px gotham-bookgotham-book, sans-serif;
    text-align: left;
    color: #fff
}

.spacCar .sboot {
    opacity: 0;
    transition: opacity 6s ease-in-out
}

.spacCar.active .sboot {
    opacity: 1
}

.galleryTabs {
    margin-bottom: 25px
}

.galleryVideo {
    position: relative
}

.galleryVideo img {
    display: block
}

.galleryVideo a {
    cursor: pointer
}

.galleryVideoCon {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 60px;
    z-index: 9;
    padding: 10px;
    width: 100%
}

.galleryVideoCon img {
    float: left;
    margin-right: 30px;
    margin-left: 25px
}

.galleryVideoCon h3 {
    font: normal 18px gotham-bookgotham-book, sans-serif;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.galleryVideoCon h3:after {
    width: 28px;
    height: 4px;
    background: #e21b2f;
    position: absolute;
    left: 0;
    bottom: 0;
    content: ""
}

.galleryVideoCon p {
    font: normal 13px gotham-bookgotham-book, sans-serif;
    color: #fff
}

.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/drop-close.png) no-repeat center;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.ride-popup-close:hover {
    background-image: url(../images/drop-close-hover.png)
}

.view360interior img {
    opacity: 1
}

#owl-carousel-grades .owl-controls {
    display: block
}

#owl-carousel-grades .owl-controls .owl-nav .owl-next,
#owl-carousel-grades .owl-controls .owl-nav .owl-prev {
    display: block;
    position: absolute;
    border: 1px solid #6b6b6b;
    cursor: pointer;
    width: 35px;
    height: 60px;
    margin-top: -30px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    z-index: 9
}

#owl-carousel-grades .owl-controls .owl-nav .owl-prev {
    left: -42px;
    top: 50%;
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -168px 11px;
    margin: 0;
    float: left
}

#owl-carousel-grades .owl-controls .owl-nav .owl-next {
    right: -40px;
    top: 50%;
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -204px 11px;
    margin: 0;
    float: left
}

@keyframes activePopScale {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes activePopScale1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

.owl-carousel .owl-item {
    -webkit-transform: translateZ(0) !important;
    -webkit-backface-visibility: hidden
}

.iframe-full {
    width: 100%
}

.productHeader {
    width: 1024px;
    margin: 0 auto;
    z-index: 999
}

.productHeader.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%)
}

.hondafestlogo {
    width: 100px;
    height: 140px;
    position: absolute;
    top: 10px;
    right: 20px
}

.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: 88%
}

.ChkTerms input {
    height: 15px
}

.ghf {
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 201;
    left: 5px;
    top: 5px
}

.ghf a {
    float: left
}

.ghf img {
    width: 100%
}

.callertune {
    width: 100%;
    height: 400px;
    padding: 50px;
    background: url(../images/bg.jpg) no-repeat top center/cover
}

.callertune p {
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 28px;
    float: left;
    width: 100%;
    margin: 0
}

.callertune ul {
    float: left;
    width: auto;
    margin: 50px 0 10px 16%
}

.callertune ul li {
    list-style: disc;
    padding: 4px 0;
    margin: 0 30px;
    float: left;
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.c01 {
    color: #e51b2f
}

.f16 {
    font-size: 16px !important
}

.f18 {
    font-size: 18px
}

.m10 {
    margin: 10px 0 0 0
}

.m50 {
    margin: 50px 0 0 0 !important
}

.mm10 {
    margin: 0 auto;
    display: table
}

.brio-icon-2 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -500px -66px;
    width: 24px;
    height: 24px
}

.brio-icon-3 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -36px -4px;
    width: 27px;
    height: 22px;
    position: absolute;
    right: 7px;
    top: 14px;
    z-index: 99999999;
    cursor: pointer;
    margin: 0
}

.brio-icon-4 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -240px -1px;
    width: 44px;
    height: 31px;
    margin: 0 auto;
    float: none;
    display: table
}

.brio-icon-5 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -145px -10px;
    width: 15px;
    height: 15px;
    margin: 0;
    float: left
}

.brio-icon-6 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -111px -10px;
    width: 15px;
    height: 15px;
    margin: 0;
    float: left
}

.brio-icon-7 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: 0 0;
    width: 33px;
    height: 33px;
    margin: 0;
    float: left
}

.brio-icon-10 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -397px -7px;
    width: 19px;
    height: 19px;
    margin: 0 auto;
    float: none
}

.brio-icon-11 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -539px -12px;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    float: none
}

.brio-icon-12 {
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -262px -243px;
    width: 110px;
    height: 37px;
    margin: 0;
    float: right
}

.second-sec-txt {
    float: right;
    width: 344px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 99;
    right: 10px;
    bottom: 10px;
}
.second-sec-txt .one-txt {
    float: left;
    width: 305px;
    color: #000;
    font: 14px gotham-bookgotham-book, sans-serif;
        font-weight: normal;
        line-height: normal;
    font-weight: normal;
    line-height: normal;
    line-height: normal;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: unset;
    text-align: left;
    font-weight: bold;
    margin: 0 0 0 30px;
    padding: 0;
    text-shadow: 0 0 8px #fff;
}
.second-sec-txt .two-txt {
    float: left;
    width: 305px;
    color: #fff;
    font: 46px lemonmilkregular, sans-serif;
        font-weight: normal;
        line-height: normal;
    line-height: normal;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    margin: -6px 0;
    padding: 0;  
    letter-spacing: 0px;
	font-style: italic;
}
.second-sec-txt .two-txt2 {
    float: left;
    width: 305px;
    color: #fff;
    font: 46px lemonmilkregular, sans-serif;
        font-weight: normal;
        line-height: normal;
    line-height: normal;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    margin: -12px 0 0 65px;
    padding: 0;
	font-style: italic;
}


.second-sec-txt .one-img {
    float: left;
    width: 224px;
    height: 22px;
    margin: 15px 0 0 0;
    padding: 0;
    background: url(https://stage.hondacarindia.com/content/desktop/images/CSS-Sprites.png);
    background-position: -380px -185px
}

.priceCalculator .col33 {
    width: 16.667% !important
}

.tvcOverlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .68);
    z-index: 9999999;
    display: none
}

.overlayCont .closeb {
    width: 30px;
    background: #fff url(../images/close-icon.png) no-repeat center;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 32px;
    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;
    background-size: 19px
}

.overlayCont .closeb:hover {
    transform: rotate(90deg)
}

.overlayCont {
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.innerContainerHome {
    max-width: 1024px;
    margin: 0 auto;
    position: relative
}

.abanner-main {
    overflow: hidden;
    padding: 0;
    margin: 0;
    margin-right: 0;
    margin-right: 30px;
    border: 1px solid #fff
}

.abannerl-home {
    float: left;
    width: 100%
}

.abannerr-home {
    width: 20%;
    position: absolute;
    right: 271px;
    top: 125px
}

.honda-amaze-ace-banner-text {
    display: block;
    position: absolute;
    top: 50px;
    text-align: center;
    z-index: 999999;
    width: 100%;
    margin: 0;
    padding: 0
}

.honda-amaze-ace-banner-text .heading-main {
    font-family: aldo_the_apacheregular;
    color: #fff;
    font-size: 87px;
    text-shadow: 0 0 4px #000;
    letter-spacing: -2px;
    margin: 0 0 -18px 0
}

.honda-amaze-ace-banner-text .heading-sub {
    font-family: gotham-bookgotham-book;
    color: #fff;
    padding: 7px 12px;
    width: auto;
    font-size: 14px;
    background: rgba(000, 000, 000, .6);
    display: table;
    margin: 0 auto;
    text-align: left
}

.honda-amaze-ace-banner-text .heading-sub span {
    float: left;
    padding: 0 5px 0 0
}

.honda-amaze-ace-banner-text .heading-sub h1 {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    float: left
}

.honda-amaze-ace-banner-text-2 {
    display: block;
    position: absolute;
    bottom: 75px;
    text-align: left;
    z-index: 999999;
    margin: 0;
    padding: 0;
    left: 38px;
    width: 400px
}

.honda-amaze-ace-banner-text-2 .heading-main {
    font-family: din_condensedbold;
    color: #fff;
    font-size: 44px;
    text-shadow: 0 0 4px #000;
    letter-spacing: 0;
    font-style: italic;
    margin: 0 0 1px 0;
    text-transform: uppercase;
    line-height: 44px
}

.honda-amaze-ace-banner-text-2 .heading-sub {
    font-family: gotham-bookgotham-book;
    color: #fff;
    padding: 6px 12px;
    width: auto;
    font-size: 13px;
    background: rgba(000, 000, 000, .6);
    margin: 0 0 4px 17px;
    border: 1px solid #c6c1c2;
    letter-spacing: 4px;
    text-transform: uppercase;
    display: table;
    -moz-transform: skew(-26deg, 0deg);
    -webkit-transform: skew(-26deg, 0deg);
    -o-transform: skew(-26deg, 0deg);
    -ms-transform: skew(-26deg, 0deg);
    transform: skew(-26deg, 0deg)
}

.honda-amaze-ace-banner-text-2 p {
    font-size: 13px;
    color: #fff
}

.homemain {
    position: absolute;
    z-index: 99999;
    left: 20px;
    bottom: 16px
}

.homeLeftBookBtn {
    float: left;
    width: auto;
    height: 30px;
    background: #e51b2f;
    margin-right: 10px;
    color: #fff;
    padding: 9px 15px;
    font: 12px gotham-mediumgotham-medium
}

.bs6-text {
    position: absolute;
    z-index: 99999;
    color: #fff;
    font-size: 20px;
    font-style: italic;
    left: 20px;
    bottom: 15px;
    font-family: "Futura Md BT";
    text-transform: uppercase;
    float: left
}

.bs6-text img {
    width: 54px !important;
    height: auto !important;
    float: right;
    margin: 0 -5px 0 5px
}

.ChkTerms span:last-child a {
    color: #00e;
    text-decoration: underline;
    font-weight: 700;
    font-size: 10px
}

.spacImage {
    position: relative
}

.amaze-digipad-cont {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.amaze-digipad-cont .cont-left {
    float: left;
    width: auto;
    margin: 0 0 20px 20px;
    padding: 0;
    bottom: 0;
    position: absolute
}

.amaze-digipad-cont .cont-left img {
    float: left;
    width: auto;
    margin: 0;
    padding: 0
}

.amaze-digipad-cont .cont-left span {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.amaze-digipad-cont .cont-right {
    float: right;
    width: auto;
    margin: 0 5px 5px 0;
    padding: 8px;
    bottom: 0;
    position: absolute;
    right: 0;
    background: rgba(0,0,0,0.7);
}

.amaze-digipad-cont .cont-right ul {
    float: right;
    width: 270px;
    margin: 0;
    padding: 0 0 0 15px;
    border-left: 2px solid #fff
}

.amaze-digipad-cont .cont-right ul li {
    float: left;
    width: 250px;
    margin: 0 0 5px 15px;
    padding: 0 0 0 15px;
    font-size: 10px;
    color: #fff;
    list-style: disc;
    font-weight: 700
}

.new-part-amaze-bs6 {
    position: absolute;
    z-index: 2;
    left: 20px;
    bottom: 20px;
    width: 226px;
    height: auto
}

.new-part-amaze-bs6 .text1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 0 7px;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-family: gotham-mediumgotham-medium
}

.new-part-amaze-bs6 .new-bs6-img1 {
    float: left;
    width: 107px;
    margin: 0;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.new-part-amaze-bs6 .text2 {
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-family: gotham-bookgotham-book
}

.new-part-wrv-bs6 {
    position: absolute;
    z-index: 2;
    left: 20px;
    bottom: 20px;
    width: 226px;
    height: auto
}

.new-part-wrv-bs6 .text1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 0 7px;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-family: gotham-mediumgotham-medium
}

.new-part-wrv-bs6 .new-bs6-img1 {
    float: left;
    width: 107px !important;
    margin: 0;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.new-part-wrv-bs6 .text2 {
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-family: gotham-bookgotham-book
}

.booknowmain {
    position: absolute;
    z-index: 99999;
    left: 15px;
    width: 98px;
    bottom: 15px
}

.homeRightKnowBtn {
    float: left;
    width: auto;
    height: 30px;
    background: #e51b2f;
    color: #fff;
    padding: 9px 14px;
    font: 11px gotham-mediumgotham-medium
}

.new-ama-spe-adi-oc {
    position: absolute;
    top: 40px;
    left: 160px;
    width: 550px;
    text-align: center
}

.new-ama-spe-adi-oc .main-head-oc {
    font-family: aldo_the_apacheregular;
    color: #fff;
    font-size: 48px
}

.logo-oc {
    position: absolute;
    right: 255px;
    bottom: 10px;
    z-index: 51
}

.new-hme-banner-ame-nov-inn {
    position: absolute;
    bottom: 55px;
    width: 77%;
    text-align: center
}

.new-hme-banner-ame-nov-inn .main-head-oc {
    font-family: gotham_boldregular;
    color: #fff;
    font-size: 30px;
    line-height: 34px;
    padding-top: 5px;
    padding-bottom: 0
}

.termsdisclaimer {
    position: relative;
    z-index: 22;
    top: 0;
    left: 0;
    color: #666;
    font-size: 10px;
    width: 100%;
    margin: 15px 0 0 0;
    padding: 30px;
    text-align: left
}

#galleryVideos .lSSlideOuter .lSPager.lSGallery {
    display: none;
}

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

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

.container--section--header {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    padding: 30px 0 15px 0;
}

.capitalize {
    text-transform: capitalize;
}

.responsive-accordion-head h5 {
    color: #666;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font: 11px gotham-mediumgotham-medium, sans-serif;
    cursor: pointer;
    position: relative;
    margin: 0;
}

.termsdisclaimer {
    position: relative;
    z-index: 22;
    top: 0;
    left: 0;
    color: #666;
    font-size: 10px;
    width: 100%;
    margin: -40px 0 0 0;
    padding: 0 30px 30px 30px;
    text-align: left;
}

.engDesc p {
    font: 12px/20px gotham-bookgotham-book, sans-serif;
    float: left;
    width: 72%;
}

.engDetails p {
    font: 11px/19px gotham-bookgotham-book, sans-serif;
    text-align: left;
}

/*.brio-icon-all-models-call-icons {
    background: url("http://beta.hondacarindia.com/areas/city2020/content/desktop/images/CSS-Sprites.png");
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: -366px -8px;
    width: 13px;
    height: 15px;
    margin: 5px 6px;
    padding: 0;
}*/

.brio-icon-all-models-call-icons {
    background: url(https://stage.hondacarindia.com/content/desktop/images/global/sprite.png);
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: -117px -137px;
    width: 24px;
    height: 24px;
	margin: 0 2px;
    padding: 0;
}

.infoTxt {
    background: #fff !important;
}

.new-amaze-banner-inner-page {
    position: absolute;
    top: 70px;
    left: 360px;
    width: auto;
    text-align: left;
}
.new-amaze-banner-inner-page .main-head-oc {
    font-family: gotham-bookgotham-book;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    line-height: unset;
    text-align: left;
    font-style: italic;
    margin: 0 0 0 31px;
    padding: 0;
}
.new-amaze-banner-inner-page .sub-head-oc {
    font-family: lemonmilkregular;
    color: #fff;
    font-size: 54px;
    font-weight: normal;
    line-height: unset;
    text-align: left;
    margin: -12px 0 -20px 0;
    padding: 0;
    letter-spacing: 0px;
    font-style: italic;
}
.new-amaze-banner-inner-page .sub-head-oc2 {
    font-family: lemonmilkregular;
    color: #fff;
    font-size: 54px;
    font-weight: normal;
    line-height: unset;
    text-align: left;
    margin: -16px 0 0 100px;
	letter-spacing: 0px;
	font-style: italic;
}
.new-amaze-banner-inner-page .sub-head-oc3 {
    font-family: gotham-lightgotham-light;
    color: #000;
    font-size: 10px;
    font-weight: normal;
    line-height: unset;
    text-align: left;
    margin: -8px 0 0 66px;
}
.black-bar {
    font-family: gotham-lightgotham-light;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    float: left;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    padding: 10px;
}
.morecontent span {
    display: none
}

.morelink {
    color: #00f;
    text-decoration: underline;
    position: relative
}
.mu-main {
    width: 66px;
    height: 24px;
    background: transparent;
    position: absolute;
    top: 100px;
    left: 174px;
}
.mu-main img {
    
}
.mu-main2 {
    width: 55px;
    height: 24px;
    background: transparent;
    position: absolute;
    top: 117px;
    left: 129px;
}
.mu-main2 img {
    
}

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


.panoLoadingStart {
    position: absolute;
    margin: auto;  
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    background: rgba(229,27,47,0.8);
    border-radius: 180px;
	color: #fff !important;	
	text-align:center; 
}
.rotate-label { 
	cursor:pointer;
}
.rotate-label .icon {  margin:30px auto; display:table; }

.spritespin-progress {
	position: absolute;
    margin: auto;  
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
	vertical-align:middle;
}
.spritespin-progress-label {
    color: #fff !important;
    font-size: 20px;
    float: left;
    width: 100%;
    position: relative;
	z-index:999999;
	text-align:center;
	vertical-align:middle;
	padding-top:19px; 
	font-weight:bold;	
}
.spritespin-progress-bar {
	color: #fff !important;
	font-size: 20px;
	text-align:center;
	z-index:999999;
	vertical-align:middle;
}

.ggskin_container {    
    left: 50% !important;
    width: 210px !important;
	margin-left:-105px !important
   
}

.video-webcast {
  position: absolute;
  bottom: 0;
  right: 264px;
  width: 135px;
}
.video-webcast img {
  float: left;
  width: 100%;
  border: 2px solid #fff;
}
.video-webcast span {
  text-align: center;
  color: #fff;
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0px 3px;
}