﻿@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;
    font-family: gotham-bookgotham-book, sans-serif
}

input {
    font-family: gotham-bookgotham-book, sans-serif
}

.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: coolveticacondensed_regular;
    src: url(../fonts/coolvetica_condensed_rg.woff2) format('woff2'), url(../fonts/coolvetica_condensed_rg.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: velocistaregular;
    src: url(../fonts/velocista-demo-ffp.woff2) format('woff2'), url(../fonts/velocista-demo-ffp.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

h1 {
    color: #656565;
    font: 27px gotham-bookgotham-book, sans-serif;
    letter-spacing: 3px;
    text-transform: capitalize;
    position: relative;
    padding:10px 0 0 0;
    margin-bottom: 10px;
    font-weight: 700
}

h4 {
    font-weight: 400
}

.ghf {
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 201;
    left: 5px;
    top: 5px
}

.ghf a {
    float: left
}

.ghf img {
    width: 100%
}

.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;
    font-family: gotham-bookgotham-book, sans-serif
}

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 !important;
    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;
    padding: 0 13px;
    vertical-align: top;
    padding-top: 6px
}

#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.price-menu a {
    padding: 25px 0 0 0;
        padding-bottom: 0px;
    padding-bottom: 0;
    padding-bottom: 0;
    font: 9px gotham_boldregular, sans-serif;
    letter-spacing: 1px;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    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-x: 0;
    background-position-y: 0;
    background-position: -495px -8px;
}

#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(../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: 23px;
    top: 50%;
    margin-top: -22px
}

.accessoriesSection,
.exteriorSection,
.featuresSection,
.gallerySection,
.interiorSection {
    position: relative
}

.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: 10px;
    bottom: 0
}

.fromSection {
    background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
    bottom: 93px;
    color: #fff;
    left: auto;
    padding: 15px;
    position: absolute;
    right: -45px;
    z-index: 10
}

.price {
    font: normal 27px gotham-mediumgotham-medium, sans-serif;
    float: left
}

.price img {
    display: inline-block;
    margin-right: 3px
}

.price span {
    display: block;
    font: normal 14px gotham-bookgotham-book, sans-serif;
    text-align: left
}

.price sup {
    font-size: 22px
}

.priceBtn {
    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;
    left: 0;
    bottom: 0;
    z-index: 11
}

.infoHead {
    position: relative;
    height: 53px;
    overflow: hidden
}

.infoHead i {
    background: #e21b2e;
    padding: 15px 20px;
    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
}

img.infoClose {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    display: none
}

.formInfo {
    background: #efefef;
    padding: 15px;
    display: none;
    width: 100%
}

.formInfo 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: 10px
}

.formInfo input {
    background: #fff;
    border: none;
    padding: 6px 10px;
    width: 100%;
    margin-bottom: 2px;
    height: 32px;
    font-family: gotham-bookgotham-book, sans-serif
}

.formInfo .headBoxNewBord {
    color: #666;
    font: normal 15px gotham-bookgotham-book, sans-serif;
    margin-bottom: 5px
}

.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
}

.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, .5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: none
}

.exteriorSection {
    background: url(../images/interior-bg.png) no-repeat top center/cover;
    transition: all .5s ease;
    position: relative
}

.extDiv {
    text-align: center;
    padding: 25px 0 0
}

.titleh2 {
    color: #656565;
    font: 12px gotham-bookgotham-book, sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
    letter-spacing: 1px
}

.titleh2:after {
    content: '';
    background: #e21b2e;
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px
}

.titleh3 {
    color: #323232;
    font: 22px gotham-bookgotham-book, sans-serif;
    margin-bottom: 20px
}

.titleh4 {
    font: 14px gotham-bookgotham-book, sans-serif;
    margin-bottom: 40px
}

.para {
    max-width: 670px;
    margin: 0 auto
}

.para p {
    color: #666;
    font: 12px/19px gotham-bookgotham-book, sans-serif
}

.interiorSection .para {
    max-width: 780px
}

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: #666;
    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: #e11b2f
}

ul.tabs li.active:before {
    opacity: 1
}

ul.tabs li a span {
    text-transform: lowercase
}

.view360interior {
    text-align: center;
    position: relative;
    margin: 25px auto 0
}

.view360interiorImg {
    width: 100%
}

.view360 {
    text-align: center;
    padding-top: 40px
}

.view360 .spritespin {
    margin: auto;
    height: 567px !important
}

.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 40px;
    font: 12px gotham-bookgotham-book, sans-serif;
    color: #666
}

.colorChangeDiv {
    text-align: center;
    padding: 40px 15px
}

.color_change img:not(#white_car) {
    display: none
}

.color_change_list {
    border: 1px solid #d7d7d7;
    display: inline-block;
    background: #fff
}

.color_change_list li {
    float: left;
    position: relative;
    border-right: 1px solid #cacaca;
    min-width: 120px;
    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 5px;
    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: 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: 90%
}

.albasterSilverCol,
.goldenBrownCol,
.modernsteelCol,
.redPearlCol,
.tafetaCol,
.urbanTitaniumCol,
.whiteorchidCol {
    width: 26px;
    height: 26px;
    border: 1px solid #cacaca;
    margin-right: 10px
}

.redPearlCol {
    background: #dc1429
}

.urbanTitaniumCol {
    background: #776b6c
}

.albasterSilverCol {
    background: #b2b7ba
}

.tafetaCol {
    background: #e6ede8
}

.goldenBrownCol {
    background: #726b64
}

.whiteorchidCol {
    background: #d8d8d4
}

.modernsteelCol {
    background: #75777c
}

.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
}

.interiorSection {
    background: url(../images/bg.png) no-repeat center center/cover;
    margin-top: 0
}

.spaciousInteriorsSections {
    background: url(../images/bg.png) no-repeat center center/cover
}

.spaciousContent {
    margin: 40px 0 0;
    background: #0b0b0b;
    background: -moz-linear-gradient(left, #0b0b0b 1%, #494a4e 36%, #4b4c50 100%);
    background: -webkit-linear-gradient(left, #0b0b0b 1%, #494a4e 36%, #4b4c50 100%);
    background: linear-gradient(to right, #0b0b0b 1%, #494a4e 36%, #4b4c50 100%);
    position: relative
}

.spaciousContent h3 {
    background: #e11b2f;
    color: #fff;
    text-transform: uppercase;
    font: 12px gotham-mediumgotham-medium, sans-serif;
    position: absolute;
    left: 50%;
    top: -15px;
    z-index: 1;
    padding: 7px 15px;
    transform: translateX(-50%);
    letter-spacing: 1px
}

.spaciousContent li {
    float: left;
    width: 50%;
    position: relative
}

.spaciousContent li h2 {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font: 14px gotham-bookgotham-book, sans-serif;
    color: #fff
}

.engineSection {
    background: #fff;
    position: relative;
    z-index: 1;
    float: left
}

.engineSection .titleh3 {
    margin: 30px 0 20px
}

.engineSection .para p {
    padding-bottom: 30px
}

.engineSection:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/bg.png) no-repeat center top/100% 100%;
    z-index: -1
}

.engineContainer {
    margin: 25px 0 0
}

.engLeft,
.engRight {
    float: right;
    width: 50%;
    position: relative
}

.engDiv {
    position: relative;
    margin: 30px 0 40px
}

.engLeft {
    background: rgba(0, 0, 0, .08)
}

.owl-carousel .owl-stage {
    margin: 0 auto
}

.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 h2 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: 100%;
    padding: 37px 0 20px 0
}

.engImage img {
    width: 210px;
    display: table;
    margin: 0 auto;
    float: none;
    height: 263px
}

.engDetails {
    float: left;
    width: 100%;
    padding: 21px 0 0;
    color: #323232;
    min-height: 186px
}

.engDetails h4 {
    font: 20px gotham-lightgotham-light, sans-serif;
    padding: 0 0 10px;
    text-align: center
}

.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
}

.e1 {
    float: left;
    width: 33.333333%;
    color: #333;
    font: normal 12px/23px gotham-bookgotham-book, sans-serif;
    margin-left: -1px;
    float: left;
    width: 50%;
    color: #333;
    font: normal 12px/23px gotham-bookgotham-book, sans-serif;
    margin-left: -1px
}

.e1txt {
    font-size: 27px;
    font-weight: 400;
    line-height: 31px;
    color: #666;
    padding-top: 5px;
    position: relative;
    width: 245px
}

.e1col {
    width: 300px;
    padding: 0 0 0 16px
}

.e1gap {
    padding: 20px 0
}

.extBottom {
    background: #999
}

.e1 img {
    display: block;
    width: 100%
}

.etxt {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font: normal 9px/15px gotham-bookgotham-book, sans-serif;
    display: block;
    padding: 15px 5px;
    letter-spacing: 1px
}

.ebor {
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb
}

.eLeftpos {
    width: 320px;
    position: absolute;
    left: 0;
    top: 20px
}

.eLeftpos img {
    display: inline-block;
    margin-left: -40px
}

.e1gap {
    width: 545px
}

.elContent h3 {
    font: 18px/22px gotham-bookgotham-book, sans-serif;
    color: #fff;
    text-align: right;
    padding: 20px 15px
}

.e1txt {
    font-size: 27px;
    font-weight: 400;
    line-height: 31px;
    color: #666;
    padding-top: 5px;
    position: relative
}

.e1txt:first-child {
    padding: 0 0 0 30px
}

.e1txt span {
    font: 18px gotham-bookgotham-book, sans-serif;
    display: block;
    margin-top: 10px
}

.eRight .ebor:first-child {
    border: none
}

.elContent,
.elImage {
    width: 50%;
    float: left
}

.elImage img {
    width: 100%;
    display: block
}

.eltxtVariants {
    margin: 0 0 20px;
    position: relative
}

.eltxtVariants:last-child:before {
    background: #ccc;
    width: 22px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    content: ""
}

.eltxtVariants:last-child {
    padding: 20px 0 0
}

.engineSpeed {
    color: #fff;
    font: 14px gotham-bookgotham-book, sans-serif;
    text-align: right;
    padding: 30px 15px 0 0
}

.oysterSection {
    background: url(../images/bg2.png) no-repeat center center/cover #fff;
    padding-bottom: 40px
}

.oysterSection .titleh3 {
    font-size: 24px
}

.spacDiv {
    position: relative
}

.spacImage img {
    display: block;
    width: 100%;
    margin: 25px 0 0
}

.spacWrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.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
}

.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
}

.featuresSection {
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px
}

.featuresSection .titleh3 {
    margin: 0
}

.featuresSection .responsive-accordion, .featuresSection .responsive-accordion-faq, .featuresSection .responsive-accordion-features {
    margin: 25px 0 0
}

.responsive-accordion, .responsive-accordion-faq, .responsive-accordion-features {
    border: 1px solid #cbcbcb
}

.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(../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 {
    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 12px 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;
    padding-top: 30px
}

.gallerySection {
    padding-top: 30px
}

.techSection {
    padding-top: 30px
}

.accContainer {
    position: relative;
    padding: 5px 0 40px
}

#owl-carousel-accgallery .owl-controls {
    display: none
}

.secondSection {
    position: relative;
    overflow: hidden;
    margin-top: 1px
}

.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%
}

.secondContDesc {
    max-width: 260px;
    color: #fff;
    padding-top: 60px
}

.secondContDesc h2 {
    font: 40px/40px gotham-bookgotham-book, sans-serif;
    padding: 0 0 20px
}

.secondContDesc p {
    font: 12px/24px gotham-bookgotham-book, sans-serif
}

.secondContDesc h3 {
    font: 24px gotham-bookgotham-book, sans-serif;
    padding: 10px 0 0
}

.carLeft {
    color: #656565;
    width: 455px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 300px;
    padding-top: 80px;
    float: left;
    transition: all 1s ease
}

.carLeft h2 {
    font: normal 32px gotham_boldregular, sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 5px;
    margin: 0 0 15px;
    position: relative
}

.carLeft h2 span {
    font: 16px gotham-mediumgotham-medium, sans-serif;
    display: block;
    margin-bottom: 5px
}

.carLeft p {
    font: 13px/22px gotham-bookgotham-book, sans-serif;
    color: #fff;
    margin-bottom: 35px;
    padding-right: 25px
}

.carLeft p a {
    color: #656565;
    font: 12px gotham-mediumgotham-medium, sans-serif;
    cursor: pointer
}

.carLeft p a:hover {
    color: #f90a2f
}

.carRight {
    vertical-align: middle;
    bottom: -100px;
    position: absolute;
    right: -374px;
    z-index: 99;
    transition: all 3s ease
}

.carRight img {
    width: 80%;
    display: block
}

.carLeftActive {
    margin-left: 115px
}

.carRightActive {
    right: -15%;
    bottom: 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
}

.secondwrap-row {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.secondwrap-row:before {
    background: rgba(0, 0, 0, .29);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 102px;
    content: ""
}

.secondwrap-row:after {
    background: rgba(0, 0, 0, .29);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 105px;
    content: ""
}

.secondwrap-col {
    width: 25%;
    display: inline-block;
    margin-right: -4px;
    padding-right: 2px;
    vertical-align: bottom
}

.secondwrap-col-con {
    background: rgba(0, 0, 0, .29);
    padding: 20px 15px;
    min-height: 123px
}

.secondwrap-col-con h4 {
    font: normal 13px gotham_boldregular, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 7px
}

.secondwrap-col-con p {
    font: 10px/15px gotham-bookgotham-book, sans-serif;
    color: #fff
}

.safetySection {
    color: #ccc;
    position: relative;
    padding-top: 0
}

.safetySection .carouselContainer {
    padding: 0 40px;
    background: #18181a;
    border-top: none;
    border-bottom: 4px solid #a8a8a8
}

#owl-carousel-spaceSection {
    border-right: 2px solid #585859
}

#owl-carousel-safetySection {
    border-right: 2px solid #585859
}

#owl-carousel-interiorSection {
    border-right: 2px solid #585859
}

.safetySection .carouselContainer .item {
    border-left: 2px solid #585859;
    text-align: center
}

.safetySection .carouselContainer .item h5 {
    color: #fff;
    display: block;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0
}

.safetySection .spacDiv .owl-theme .owl-controls .owl-nav .owl-prev {
    background: url(../images/left_arrow2.png) no-repeat center;
    left: -42px;
    top: 0
}

.safetySection .spacDiv .owl-theme .owl-controls .owl-nav .owl-next {
    background-color: transparent;
    background-image: url(../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;
    top: 0
}

.safetySection .spacDiv .owl-theme .owl-controls .owl-nav .owl-prev {
    background-color: transparent;
    background-image: url(../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: -430px -57px;
    left: -42px;
    width: 13px;
    height: 52px !important;
    top: 70px
}

.safetySection .spacDiv .owl-theme .owl-controls .owl-nav .owl-prev:hover {
    background-color: transparent;
    background-image: url(../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: -430px -57px
}

.safetySection .spacDiv .owl-theme .owl-controls .owl-nav .owl-next {
    background-color: transparent;
    background-image: url(../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: -457px -63px;
    right: -42px;
    width: 13px;
    height: 52px !important;
    top: 70px
}

.safetySection .spacDiv .owl-theme .owl-controls .owl-nav .owl-next:hover {
    background-color: transparent;
    background-image: url(../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: -457px -63px
}

.safetyContent {
    position: relative;
    width: 100%
}

.safetyContent .half {
    margin-top: 25px;
    position: relative
}

.safetyContent .half img {
    width: 100%;
    display: block
}

.safetyContent .half2 {
    position: relative
}

.safetySection .para {
    max-width: 820px
}

.safetyContentBottom {
    position: relative;
    text-align: left;
    width: 100%;
    background: #000;
    font-size: 13px;
    margin: 0;
    padding: 14px 15px;
    color: #fff;
    font-weight: 700
}

.safetyContentBottom h4 {
    font: 26px gotham-lightgotham-light, sans-serif;
    color: #fff;
    margin-bottom: 10px
}

.safetyContentBottom p {
    font: 11px/19px gotham-bookgotham-book, sans-serif;
    color: #fff
}

.safContent {
    text-align: center;
    border: 1px solid #ababab;
    border-bottom: solid 3px #ababab;
    border-top: 1px solid #fff
}

.safeItem {
    border-right: 1px solid #dbdbdb;
    float: left;
    width: 20%;
    padding: 0;
    vertical-align: top;
    background: #f7f7f7
}

.safeItem:last-child {
    border: none
}

.safeItem img {
    display: block;
    width: 100%;
    border-left: 1px solid transparent
}

.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
}

.safeItemCon {
    padding-bottom: 10px
}

.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: 60px;
    padding: 20px 10px 10px;
    margin-bottom: 10px
}

.safeItem span:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    height: 2px;
    width: 20px;
    background: #999;
    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
}

#owl-carousel-safetyGallery.owl-theme .owl-controls {
    display: none
}

.gallerySection .titleh2 {
    margin: 30px 0 30px
}
.gallerySection .titleh3 {
    margin: 0 0 20px
}

.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)
}

.galleryImage {
    width: 500px;
    height: 372px
}

.galleryImage1 {
    width: 500px;
    height: 372px
}

.galleryImage2 {
    width: 559px;
    height: 391px
}

.interiorSection .galleryImage2 {
    width: 559px;
    height: 403px
}

.galleryImage img {
    width: 100%
}

.galleryTitle {
    width: 38%;
    position: absolute;
    bottom: 6%;
    right: 0
}

.galleryTitle1 {
    width: 28%;
    position: absolute;
    bottom: 6%;
    right: 2%
}

.galleryTitle h5 {
    position: relative;
    bottom: 25x;
    padding: 0 15px;
    color: #666;
    font-weight: 600;
    font-size: 1.17em
}

.galleryTitle1 h5 {
    position: relative;
    bottom: 25x;
    padding: 0 15px;
    color: #666;
    font-weight: 600;
    font-size: 1.17em
}

.pointOwlArrows {
    position: absolute;
    right: 0;
    top: 7%;
    width: 36%;
    z-index: 999
}

.interiorSection .pointOwlArrows {
    position: absolute;
    right: 0;
    top: 7%;
    width: 30%;
    z-index: 999
}

.accessoriesSection .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(../images/CSS-Sprites.png);
    background-position: -198px 8px;
    margin: 0;
    float: left
}

.accmobprev,
.btn.prev,
.inprev,
.mobIntprev,
.mobprev,
.paccprev {
    background: #f0f0f0 url(../images/CSS-Sprites.png);
    background-position: -164px 8px;
    margin: 0;
    float: left
}

.exteriorTabgap {
    padding: 25px 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
}

.accessoriesSection .accnext {
    top: 60%
}

.accessoriesSection .accprev {
    top: 60%
}

#owl-carousel-techSection {
    border-right: 2px solid #585859
}

.accnext,
.accnext1,
.egnext,
.inext {
    background: url(../images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -204px 11px;
    margin: 0;
    float: left;
    right: 65px
}

.accprev,
.accprev1,
.egprev,
.iprev {
    background: url(../images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -168px 11px;
    margin: 0;
    float: left;
    left: 65px
}

.egalleryover {
    position: relative;
    transform: translateY(0);
    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 20px 30px
}

.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: capitalize;
    letter-spacing: 1px;
    padding: 12px 10px;
    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 {
    background: url(../images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: 0 -154px;
    position: absolute;
    top: 50%;
    left: -6px;
    width: 80px;
    height: 80px;
    text-indent: -9999px
}

#owl-carousel-brioGallery .owl-next {
    background: url(../images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -81px -154px;
    position: absolute;
    top: 50%;
    right: -6px;
    width: 80px;
    height: 80px;
    text-indent: -9999px
}

#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/connect_bg1.png) 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;
    padding-top: 50px;
    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: 28%;
    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"
}

.downloadBtn {
    font: normal 10px gotham-bookgotham-book, sans-serif;
    font-size: 10px;
    color: #666;
    display: inline-block;
    border: 1px solid #666;
    padding: 15px 45px;
    letter-spacing: 2px;
    margin: 20px 0 20px;
    font-size: 12px
}

.downloadBtn:hover {
    background: #fff
}

.gradesCon {
    padding: 25px 0 40px
}

.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
}

.acc_tab_content h5 {
    font: bold 1.17em gotham-lightgotham-light, sans-serif
}

.gradeHead h5 {
    font: normal 30px/30px 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 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
}

.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
}

.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-size: cover;
    cursor: pointer;
    border: none
}

.rage_slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    background-size: cover;
    cursor: pointer;
    margin-top: -5px;
    border: none
}

.rage_slider input[type=range]::-ms-thumb {
    width: 12px;
    height: 12px;
    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;
    height: 2px;
    background-size: cover;
    border: none
}

.rage_slider input[type=range]::-webkit-slider-runnable-track {
    cursor: pointer;
    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-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 35px;
    height: 567px
}

.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
}

.Igallery0 {
    width: 821px
}

.auoint-point {
    width: 821px !important
}

.Igallery1 {
    width: 543px
}

.Igallery2 {
    width: 278px
}

.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;
    z-index: 999;
    position: relative
}

.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-accUtilityKit .owl-controls,
#owl-carousel-accmobpoint .owl-controls,
#owl-carousel-accpoint .owl-controls,
#owl-carousel-accpoint2 .owl-controls,
#owl-carousel-grades .owl-controls {
    display: none
}

#owl-carousel-accpoint1 .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/bg10.png) 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.png) no-repeat center top/100% #fff
}

.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: 40px;
    left: 60px;
    right: 60px;
    z-index: 9
}

.galleryVideoCon img {
    float: left;
    margin-right: 30px
}

.galleryVideoCon h3 {
    font: normal 15px gotham-bookgotham-book, sans-serif;
    color: #000;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.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: #000
}

.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)
}

#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(../images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -168px 11px;
    margin: 0;
    float: left
}

#owl-carousel-grades .owl-controls .owl-nav .owl-next {
    right: -40px;
    top: 50%;
    background: url(../images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    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%
}

.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: 11px/14px gotham-bookgotham-book, sans-serif;
    color: #fff;
    padding: 13px 10px 0;
    display: inline-block;
    min-height: 55px;
    text-transform: uppercase
}

.carouselContainer .item h5 {
    font: 11px/14px gotham-bookgotham-book, sans-serif;
    color: #fff;
    padding: 13px 10px 0;
    display: inline-block;
    min-height: 66px
}

.spacDiv .owl-theme .owl-controls {
    margin-top: 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;
    width: 9px !important;
    height: 100% !important;
    padding: 0 20px
}

.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-prev {
    background-color: transparent;
    background-image: url(../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(../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(../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(../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 .owl-nav [class*=owl-] {
    text-indent: -9999px;
    width: 12px;
    height: 22px;
    margin: 0
}

.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: 10px
}

.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
}

#interior_360view img {
    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: 7px;
    top: 14px;
    z-index: 99999999;
    cursor: pointer
}

.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 30px;
    float: left
}

.brio-icon-11 {
    background: url(../images/CSS-Sprites.png);
    background-position: -539px -12px;
    width: 8px;
    height: 8px;
    margin: 0 0 0 34px;
    float: left
}

.brio-icon-12 {
    background: url(../images/CSS-Sprites.png);
    background-position: -171px -175px;
    width: 111px;
    height: 37px;
    margin: 0;
    float: right
}

.disclaimer_new {
    text-align: center;
    font: 12px gotham-bookgotham-book, sans-serif;
    padding-top: 20px
}

.ggskin_button1 {
    background: url(https://stage.hondacarindia.com/Areas/Brio/Content/desktop/images/CSS-Sprites.png);
    background-position: -696px 0;
    width: 32px;
    height: 32px;
    margin: 0;
    float: left
}

.ggskin_button2 {
    background: url(https://stage.hondacarindia.com/Areas/Brio/Content/desktop/images/CSS-Sprites.png);
    background-position: -764px 0;
    width: 32px;
    height: 32px;
    margin: 0;
    float: left
}

.ggskin_button3 {
    background: url(https://stage.hondacarindia.com/Areas/Brio/Content/desktop/images/CSS-Sprites.png);
    background-position: -798px 0;
    width: 32px;
    height: 32px;
    margin: 0;
    float: left
}

.ggskin_button4 {
    background: url(https://stage.hondacarindia.com/Areas/Brio/Content/desktop/images/CSS-Sprites.png);
    background-position: -594px 0;
    width: 32px;
    height: 32px;
    margin: 0;
    float: left
}

.ggskin_button5 {
    background: url(https://stage.hondacarindia.com/Areas/Brio/Content/desktop/images/CSS-Sprites.png);
    background-position: -832px 0;
    width: 32px;
    height: 32px;
    margin: 0;
    float: left
}

.ggskin_button6 {
    background: url(https://stage.hondacarindia.com/Areas/Brio/Content/desktop/images/CSS-Sprites.png);
    background-position: -866px 0;
    width: 32px;
    height: 32px;
    margin: 0;
    float: left
}

.ggskin_button7 {
    background: url(https://stage.hondacarindia.com/Areas/Brio/Content/desktop/images/CSS-Sprites.png);
    background-position: -560px 0;
    width: 32px;
    height: 32px;
    margin: 0;
    float: left
}

.ggskin_button8 {
    background: url(https://stage.hondacarindia.com/Areas/Brio/Content/desktop/images/CSS-Sprites.png);
    background-position: -628px 0;
    width: 32px;
    height: 32px;
    margin: 0;
    float: left
}

.exclusiveedition {
    position: relative;
    z-index: 99
}

.priceCalculator {
    background: #bababa;
    padding: 35px
}

.priceCalculator .container {
    overflow: hidden
}

.priceCalculator .container .col33 {
    width: 16.6%;
    text-align: center;
    float: left;
    vertical-align: top;
    font-size: 9px;
    line-height: 13px;
    border-right: solid 1px #bababa
}

.priceCalculator .container .col33:last-child {
    border: none
}

.priceCalculator .container .col33 .content {
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: -1000px;
    padding-bottom: 1020px
}

.priceCalculator .container .col33 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 .container .col33 h3:after {
    width: 14px;
    height: 1px;
    background: #d91b2f;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -7px;
    content: ""
}

.priceCalculator .container .col33 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
}

.content>p {
    line-height: 14px
}

.priceCalculator .container .col33 h3 a:hover {
    color: #e7505f
}

.priceCalculator {
    background: #bababa;
    padding: 35px
}

.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(https://stage.hondacarindia.com/Content/desktop/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
}

.h-pro-care {
    float: none;
    width: 90%;
    margin: 20px 5%;
    padding: 0;
    display: table;
    font-family: gotham-bookgotham-book
}

.h-pro-care img {
    width: auto !important
}

.h-pro-care .top-part-1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.h-pro-care .top-part-1 .h-pro-left-part {
    float: left;
    width: 404px;
    margin: 0;
    padding: 0
}

.h-pro-care .top-part-1 .h-pro-left-part img {
    float: left
}

.h-pro-care .top-part-1 .h-pro-left-part .h-pro-content {
    float: left;
    width: 100%;
    margin: 0;
    padding: 18px 0 0 0;
    font-size: 13px;
    color: #333;
    text-align: right
}

.h-pro-care .top-part-1 .h-pro-right-part {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0
}

.h-pro-care .top-part-1 .h-pro-right-part img {
    float: right
}

.h-pro-care .top-part-1 .h-pro-right-part .h-pro-content {
    float: left;
    width: 100%;
    margin: 0;
    padding: 18px 0 0 0;
    font-size: 13px;
    color: #333;
    text-align: right
}

.h-pro-care .top-part-2 {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
    position: relative
}

.h-pro-care .top-part-2 h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #333;
    text-align: left
}

.h-pro-care .top-part-2 h2::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 470px;
    top: 11px;
    right: 0;
    background: #a8a9ad
}

.h-pro-content {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 13px;
    color: #333;
    text-align: left
}

.ext-tabel-warr {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
    font-size: 13px;
    border: 1px solid #d5d5d7
}

.ext-tabel-warr tr:last-child td {
    border-bottom: 0 solid #d5d5d7
}

.ext-tabel-warr .text-align-left {
    text-align: left
}

.ext-tabel-warr .border-right {
    border-right: 1px solid #d5d5d7
}

.ext-tabel-warr th {
    padding: 8px 16px;
    border-bottom: 1px solid #d5d5d7;
    text-align: center;
    color: #fff
}

.ext-tabel-warr td {
    padding: 16px 16px;
    border-bottom: 1px solid #d5d5d7;
    text-align: center;
    color: #333
}

.h-pro-part {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0
}

.h-pro-part .h-icon-part {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0
}

.h-pro-part .h-icon-part img {
    float: left;
    width: auto;
    margin: 0;
    padding: 0
}

.h-pro-part .h-icon-part span {
    float: left;
    width: 155px;
    margin: 0 0 0 8px;
    padding: 19px 0 0 0;
    font-size: 11px;
    color: #333;
    text-align: left
}

.h-pro-care .top-part-3 {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
    position: relative
}

.h-pro-care .top-part-3 h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #333;
    text-align: left
}

.h-pro-care .top-part-3 h2::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 370px;
    top: 11px;
    right: 0;
    background: #a8a9ad
}

.h-pro-care .top-part-4 {
    float: left;
    width: 100%;
    margin: 60px 0 0 0;
    padding: 0;
    position: relative
}

.h-pro-care .top-part-4 h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #333;
    text-align: left
}

.h-pro-care .top-part-4 h2::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 530px;
    top: 11px;
    right: 0;
    background: #a8a9ad
}

.h-pro-part-4 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0
}

.h-pro-part-4 .h-icon-part-8 {
    float: left;
    width: 12.5%;
    margin: 0;
    padding: 0
}

.h-pro-part-4 .h-icon-part-8 img {
    float: none;
    width: 50px !important;
    margin: 0 auto;
    padding: 0;
    display: table
}

.h-pro-part-4 .h-icon-part-8 span {
    float: left;
    width: 100%;
    margin: 0;
    padding: 12px 0 0 0;
    font-size: 11px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.h-pro-full {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0
}

.years-covrg {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    padding: 20px;
    background: #bababa
}

.years-covrg .b-part-n {
    float: left;
    width: 20%;
    margin: 0;
    padding: 0;
    position: relative
}

.years-covrg .b-part-n b {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
    position: relative;
    font-size: 11px;
    color: #000
}

.years-covrg .b-part-n b::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100px;
    top: 25px;
    right: 40px;
    background: #c52e35
}

.years-covrg .b-part-n span {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
    font-size: 11px;
    color: #000
}

.h-pro-care .top-part-5 {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
    position: relative
}

.h-pro-care .top-part-5 h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #333;
    text-align: left
}

.h-pro-care .top-part-5 h2::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 460px;
    top: 11px;
    right: 0;
    background: #a8a9ad
}

.h-pro-care .top-part-6 {
    float: left;
    width: 100%;
    margin: 70px 0 0 0;
    padding: 0;
    position: relative
}

.h-pro-care .top-part-6 h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #333;
    text-align: left
}

.h-pro-care .top-part-6 h2::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 500px;
    top: 11px;
    right: 0;
    background: #a8a9ad
}

.h-pro-care .top-part-7 {
    float: left;
    width: 100%;
    margin: 40px 0 20px 0;
    padding: 0;
    position: relative
}

.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: 22
}

.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 25px 20px 0;
    padding: 0;
    bottom: 0;
    position: absolute;
    right: 0
}

.amaze-digipad-cont .cont-right ul {
    float: right;
    width: 170px;
    margin: 0;
    padding: 0 0 0 15px;
    border-left: 2px solid #fff
}

.amaze-digipad-cont .cont-right ul li {
    float: left;
    width: 150px;
    margin: 0 0 10px 15px;
    padding: 0 0 0 15px;
    font-size: 10px;
    color: #fff;
    list-style: disc;
    font-weight: 700
}

.hcMedia {
    padding: 0 15px;
    background: #000;
    float: left;
    width: 100%
}

.hcMediaSlider {
    float: left;
    width: 100%
}

.key-high h1 {
    color: #fff;
    padding: 18px 8px 8px;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0
}

.hcMediaSlide {
    float: left;
    margin: 10px 6px;
    padding: 0;
    width: 152px
}

.hcMediaSlide a span {
    float: left;
    margin: 0;
    padding: 4px 0 0 0;
    width: 90%;
    text-align: center;
    color: #fff;
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.cw01 {
    color: #fff;
    font-size: 11px;
    min-height: 28px;
    text-align: left;
    float: left;
    width: 100%;
    margin: 5px 0 0 0
}

.bw01 {
    border: 1px solid #fff
}

.home-page-jazz-au-logo {
    display: block;
    position: absolute;
    top: 15px;
    text-align: left;
    z-index: 22;
    width: auto;
    margin: 0;
    padding: 0;
    left: 15px
}

.home-page-jazz-au-banner {
    display: block;
    position: absolute;
    top: 90px;
    text-align: left;
    z-index: 22;
    width: auto;
    margin: 0;
    padding: 0;
    left: 20px
}

.home-page-jazz-au-banner .heading-main {
    font-family: velocistaregular;
    color: #fff;
    font-size: 32px;
    text-shadow: 0 0 0 #000;
    letter-spacing: 0;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase
}

.home-page-jazz-au-banner .heading-sub {
    font-family: velocistaregular;
    color: #fff;
    padding: 0;
    width: 100%;
    font-size: 18px;
    display: table;
    margin: 0 auto 10px;
    line-height: 17px;
    letter-spacing: 0;
    text-transform: uppercase
}

.home-page-jazz-au-banner-bottom {
    display: block;
    position: absolute;
    bottom: 20px;
    text-align: left;
    z-index: 22;
    width: auto;
    margin: 0;
    padding: 0;
    left: 20px
}

.home-page-jazz-au-banner-bottom .heading-main {
    font-family: gotham-bookgotham-book;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 0 0 #000;
    letter-spacing: -1px;
    margin: 0 5px 0 0;
    font-weight: 700;
    float: left
}

.home-page-jazz-au-banner-bottom .heading-main a {
    float: left;
    width: auto;
    height: 30px;
    background: #e51b2f;
    color: #fff;
    padding: 7px 15px;
    font: 14px gotham-bookgotham-book;
    font-weight: 400;
    line-height: normal;
    font-weight: 400;
    margin: 0;
    font-weight: 700;
    line-height: normal
}

.home-page-jazz-au-banner-bottom .heading-sub {
    font-family: gotham-bookgotham-book;
    color: #fff;
    padding: 0;
    width: auto;
    font-size: 17px;
    display: table;
    margin: 7px 0 0 0;
    line-height: 17px;
    letter-spacing: 0;
    float: left;
    font-weight: 700
}

.home-page-jazz-au-banner-bottom .heading-sub span {
    margin: 11px 0 0 0;
    font-size: 14px
}

.home-page-jazz-au-banner-bottom .heading-sub .cont-red {
    color: #fff;
    font-size: 17px
}

.seventy--col {
    width: 59.5%;
    float: left
}

.thirty--col {
    width: 38%;
    float: left
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.honda-connect-disc-right {
    position: relative;
    right: 20px;
    top: 5px;
    font-size: 11px;
    color: #666;
    text-align: right;
    margin-bottom: 30px;
    font-weight: 400
}

.honda-connect-disc-right-acc {
    position: relative;
    right: 101px;
    top: -35px;
    font-size: 11px;
    color: #666;
    text-align: right;
    margin-bottom: 30px;
    font-weight: 400
}

.honda-connect-disc-right sup {
    font-size: 13px
}

.honda-connect-disc-right-acc sup {
    font-size: 13px
}

.segment-first-au {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 99;
    color: #fff;
    font-size: 11px
}

.segment-first-au .font10 {
    font-size: 10px
}

.segment-first-au sup {
    font-size: 12px
}

.font-12 {
    font-size: 12px
}

.home-page-jazz-au-banner {
    display: block;
    position: absolute;
    top: 70px;
    text-align: left;
    z-index: 22;
    width: auto;
    margin: 0;
    padding: 0;
    left: 40px
}

.home-page-jazz-au-banner .heading-main {
    font-family: velocistaregular;
    color: #fff;
    font-size: 24px;
    text-shadow: 0 0 0 #000;
    letter-spacing: 0;
    margin: 0 0 0 20PX;
    font-weight: 700;
    text-transform: uppercase
}

.home-page-jazz-au-banner .heading-sub {
    font-family: velocistaregular;
    color: #fff;
    padding: 0;
    width: 100%;
    font-size: 54px;
    display: table;
    margin: 12px 0 0 0;
    letter-spacing: 0;
    text-transform: uppercase
}

.fontsize12 {
    font-size: 12px
}

.accessoriesSection .accnext1 {
    top: 57%
}

.accessoriesSection .accprev1 {
    top: 57%
}

.homemain {
    position: absolute;
    z-index: 22;
    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
}

#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
}

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
}

.cash-book-jazz-inn {
    position: absolute;
    bottom: 5px;
    right: 253px;
    padding: 4px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.new-page-link {
    background: #999;
    padding: 10px 35px;
    float: left;
    width: 1024px;
    margin: 0 0 0 -512px;
    position: fixed;
    display: table;
    left: 50%;
    z-index: 9;
    bottom: 0
}

.new-page-link .link-left {
    float: left;
    border: none;
    text-transform: uppercase;
    margin-right: 2px;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: .5s ease;
    width: auto;
    height: 30px;
    background: #e51b2f;
    color: #fff;
    padding: 9px 8px;
    font: 12px gotham-mediumgotham-medium
}

.new-page-link .link-left:hover {
    background: #323232;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: .5s ease
}

.new-page-link .link-right {
    float: right;
    border: none;
    text-transform: uppercase;
    margin-right: 2px;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: .5s ease;
    width: auto;
    height: 30px;
    background: #e51b2f;
    color: #fff;
    padding: 9px 8px;
    font: 12px gotham-mediumgotham-medium
}

.new-page-link .link-right:hover {
    background: #323232;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: .5s ease
}

.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
}

.txtCenter {
    text-align: center
}

.brochure-menu a span {
    margin: 0 0 0 3px;
    float: right
}

.driv-in-cont {
    position: absolute;
    top: 160px;
    color: #fff;
    left: 30px;
    transform: rotate(-15deg);
    font-size: 12px;
    font-weight: 700
}

.very-demand-main-desk {
    position: absolute;
    top: 30px;
    color: #fff;
    right: 30px;
    width: 600px
}

.very-demand-main-desk p {
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 11px;
    text-align: right
}

.very-demand-main-desk h3 {
    float: right;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: right;
    font-family: velocistaregular
}

.priceCalculator {
    display: inline-block
}

.carouselContainer .item .h-hour-tag {
    font: 11px/14px gotham-bookgotham-book, sans-serif;
    color: #fff;
    padding: 13px 10px 0;
    display: inline-block;
    min-height: 70px;
    text-transform: capitalize
}

.carouselContainer .item .four-img-new-tags-2 {
    font: 11px/14px gotham-bookgotham-book, sans-serif;
    color: #fff;
    padding: 13px 10px 0;
    display: inline-block;
    min-height: 66px
}

.spaciousInteriorsSections {
    float: left;
    width: 100%
}

.techSection {
    float: left;
    width: 100%
}
.exteriorTab  { margin-top:20px; }

.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
   
}


