@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: 1
}

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

input[type=submit] {
    -webkit-appearance: none;
    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: pirulenregular;
    src: url(../fonts/pirulen.woff2) format('woff2'), url(../fonts/pirulen.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: gotham-bookgotham-book;
    src: url(../fonts/gothmbok-webfont.eot);
    src: url(../fonts/gothmbok-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/gothmbok-webfont.woff2) format("woff2"), url(../fonts/gothmbok-webfont.woff) format("woff"), url(../fonts/gothmbok-webfont.ttf) format("truetype"), url(../fonts/gothmbok-webfont.svg#gotham-bookgotham-book) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: gotham-lightgotham-light;
    src: url(../fonts/gothmlig-webfont.eot);
    src: url(../fonts/gothmlig-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/gothmlig-webfont.woff2) format("woff2"), url(../fonts/gothmlig-webfont.woff) format("woff"), url(../fonts/gothmlig-webfont.ttf) format("truetype"), url(../fonts/gothmlig-webfont.svg#gotham-lightgotham-light) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: gotham-mediumgotham-medium;
    src: url(../fonts/gothmmed-webfont.eot);
    src: url(../fonts/gothmmed-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/gothmmed-webfont.woff2) format("woff2"), url(../fonts/gothmmed-webfont.woff) format("woff"), url(../fonts/gothmmed-webfont.ttf) format("truetype"), url(../fonts/gothmmed-webfont.svg#gotham-mediumgotham-medium) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.5.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.5.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.5.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: gotham_boldregular;
    src: url(../fonts/ufonts.com_gotham-bold-webfont.eot);
    src: url(../fonts/ufonts.com_gotham-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/ufonts.com_gotham-bold-webfont.woff2) format("woff2"), url(../fonts/ufonts.com_gotham-bold-webfont.woff) format("woff"), url(../fonts/ufonts.com_gotham-bold-webfont.ttf) format("truetype"), url(../fonts/ufonts.com_gotham-bold-webfont.svg#gotham_boldregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-MediumItalic.eot);
    src: url(../fonts/FuturaBT-MediumItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-MediumItalic.woff2) format('woff2'), url(../fonts/FuturaBT-MediumItalic.woff) format('woff'), url(../fonts/FuturaBT-MediumItalic.ttf) format('truetype'), url(../fonts/FuturaBT-MediumItalic.svg#FuturaBT-MediumItalic) format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-MediumItalic_1.eot);
    src: url(../fonts/FuturaBT-MediumItalic_1.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-MediumItalic_1.woff2) format('woff2'), url(../fonts/FuturaBT-MediumItalic_1.woff) format('woff'), url(../fonts/FuturaBT-MediumItalic_1.ttf) format('truetype'), url(../fonts/FuturaBT-MediumItalic_1.svg#FuturaBT-MediumItalic) format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-Bold.eot);
    src: url(../fonts/FuturaBT-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-Bold.woff2) format('woff2'), url(../fonts/FuturaBT-Bold.woff) format('woff'), url(../fonts/FuturaBT-Bold.ttf) format('truetype'), url(../fonts/FuturaBT-Bold.svg#FuturaBT-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-Bold_1.eot);
    src: url(../fonts/FuturaBT-Bold_1.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-Bold_1.woff2) format('woff2'), url(../fonts/FuturaBT-Bold_1.woff) format('woff'), url(../fonts/FuturaBT-Bold_1.ttf) format('truetype'), url(../fonts/FuturaBT-Bold_1.svg#FuturaBT-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-Medium.eot);
    src: url(../fonts/FuturaBT-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-Medium.woff2) format('woff2'), url(../fonts/FuturaBT-Medium.woff) format('woff'), url(../fonts/FuturaBT-Medium.ttf) format('truetype'), url(../fonts/FuturaBT-Medium.svg#FuturaBT-Medium) format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-BoldItalic.eot);
    src: url(../fonts/FuturaBT-BoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-BoldItalic.woff2) format('woff2'), url(../fonts/FuturaBT-BoldItalic.woff) format('woff'), url(../fonts/FuturaBT-BoldItalic.ttf) format('truetype'), url(../fonts/FuturaBT-BoldItalic.svg#FuturaBT-BoldItalic) format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-BoldItalic_1.eot);
    src: url(../fonts/FuturaBT-BoldItalic_1.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-BoldItalic_1.woff2) format('woff2'), url(../fonts/FuturaBT-BoldItalic_1.woff) format('woff'), url(../fonts/FuturaBT-BoldItalic_1.ttf) format('truetype'), url(../fonts/FuturaBT-BoldItalic_1.svg#FuturaBT-BoldItalic) format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-Bold_2.eot);
    src: url(../fonts/FuturaBT-Bold_2.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-Bold_2.woff2) format('woff2'), url(../fonts/FuturaBT-Bold_2.woff) format('woff'), url(../fonts/FuturaBT-Bold_2.ttf) format('truetype'), url(../fonts/FuturaBT-Bold_2.svg#FuturaBT-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Futura Md BT';
    src: url(../fonts/FuturaBT-Medium_1.eot);
    src: url(../fonts/FuturaBT-Medium_1.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-Medium_1.woff2) format('woff2'), url(../fonts/FuturaBT-Medium_1.woff) format('woff'), url(../fonts/FuturaBT-Medium_1.ttf) format('truetype'), url(../fonts/FuturaBT-Medium_1.svg#FuturaBT-Medium) format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.main-h {
    color: #656565;
    font: 27px gotham-bookgotham-book, sans-serif;
    letter-spacing: 3px;
    text-transform: capitalize;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
    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;
    font-family: gotham-bookgotham-book, sans-serif
}

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

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

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

.bottom-menu {
    padding: 10px 25px 10px 21px;
    background: #555556;
    width: 1024px;
    margin: 0 auto;
    min-height: 74px;
    z-index: 998;
    position: relative
}

.bottom-menu.fixed {
    position: fixed;
    left: 50%;
    right: 0;
    top: 0;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

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

.logo {
    float: left
}

#menu {
    float: left;
    text-align: center
}

#menu li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    vertical-align: middle
}

#menu li a {
    color: #fff;
    font: normal 12px/15px gotham-bookgotham-book, sans-serif;
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
    display: block
}

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

#menu li.price-menu {
    padding: 8px 13px 4px
}

#menu li.price-menu a {
    padding: 25px 0 0 0;
    padding-bottom: 0;
    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: 2px solid transparent;
    padding-bottom: 4px;
    background: url(../images/CSS-Sprites.png);
    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; float: left; width: 100%;  
}

.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: 30px;
    bottom: 0;
    z-index: 99999
}

.fromSection {
    position: absolute;
    left: 0;
    right: 30px;
    bottom: 62px;
    color: #fff;
    z-index: 10
}

.price {
    font: normal 27px gotham-bookgotham-book, 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
}

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

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

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

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

.homeBg img {
    width: 100%
}

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

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

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

.infoHead:hover i {
    background: #e21b2e
}

.infoHead img {
    display: block
}

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

.infoActive {
    cursor: pointer
}

.infoActive i {
    background: #b7b7b7
}

.infoActive .infoClose {
    display: none
}

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

.formInfo {
    background: #efefef;
    padding: 15px;
    display: block;
    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
}

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

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

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

.head-ing-3 {
    color: #323232;
    font: 27px gotham-lightgotham-light, sans-serif;
    margin-bottom: 20px
}

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

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

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

.engineSection .para {
    margin-bottom: 25px;
    width: 100%;
    display: inline-block
}

.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: #656565;
    display: block;
    padding: 20px 5px
}

ul.tabs li.active a {
    font-size: 12px;
    color: #e11b2f;
    font-weight: 400
}

ul.tabs li a h3 {
    font-size: 12px;
    font-weight: 400
}

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

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

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

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

.view360interiorImg {
    width: 100%
}

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

.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 32px;
    font: 12px gotham-bookgotham-book, sans-serif;
    color: #666
}

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

.color_change img:not(#white_car) {
    display: none
}

.color_change_list {
    border: 1px solid #d7d7d7;
    display: inline-block;
    background: #fff
}

.color_change_list li {
    float: left;
    position: relative;
    border-right: 1px solid #cacaca;
    min-width: 125px;
    text-align: left
}

.color_change_list li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #999;
    opacity: 0;
    transition: all 1s ease
}

.color_change_list li.active:before {
    opacity: 1
}

.color_change_list li a {
    display: inline-block;
    width: 100%;
    padding: 10px;
    color: #656565;
    font: 10px gotham-bookgotham-book, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 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,
.redPearlCol,
.steelMetallicCol,
.whiteOrchidCol {
    width: 26px;
    height: 26px;
    border: 1px solid #cacaca;
    margin-right: 10px
}

.redPearlCol {
    background: #c6252a
}

.whiteOrchidCol {
    background: #e6e6e6
}

.steelMetallicCol {
    background: #8f8e93
}

.goldenBrownCol {
    background: #4d413c
}

.albasterSilverCol {
    background: #b2b2b2
}

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

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

.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: 0;
    float: left
}

.engLeft,
.engRight {
    float: left;
    width: 50%;
    position: relative;
    min-height: 557px
}

.engLeft .engItem {
    min-height: 557px
}

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

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

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

.engDesc {
    padding: 15px;
    color: #fff;
    max-width: 100%
}

.engDesc h4 {
    font: 20px gotham-bookgotham-book, sans-serif;
    font-weight: 400;
    padding: 0 0 5px;
    font-weight: 700
}

.engDesc h3 {
    font: 20px gotham-bookgotham-book, sans-serif;
    font-weight: 400;
    padding: 0 0 5px;
    font-weight: 700
}

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

.engItem {
    padding: 14.7px 50px;
    position: relative;
    border-bottom: 1px solid #fff
}

.engImage {
    float: left;
    width: 100%;
    padding: 0
}

.engImage img {
    width: 335px;
    display: block;
    margin: 25px auto
}

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

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

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

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

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

.techSection .carouselContainer .item h5 sup {
    font-size: 9px
}

sup {
    font-size: 9px
}

.oysterSection .head-ing-3 {
    font-size: 24px
}

.spacDiv {
    position: relative
}

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

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

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

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

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

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

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

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

.boxDiv:last-child {
    border: none
}

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

.gray {
    background: #a8a8a8
}

.white {
    background: #fff
}

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

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

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

.spacCar img {
    display: block
}

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

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

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

.spacCar.active .sboot {
    opacity: 1
}

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

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

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

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

.safetySection .carouselContainer .item .span-five2 {
    font: 11px/14px gotham-bookgotham-book, sans-serif;
    display: block;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    min-height: 100px
}

.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 h4 {
    color: #666;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font: 10px gotham-mediumgotham-medium, sans-serif;
    cursor: pointer;
    position: relative;
    margin: 0
}

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

.spacDiv .owl-dots {
    display: none
}

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

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

.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 {
    margin-top: 0
}

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

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

.safetySection {
    position: relative
}

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

.safetySection .carouselContainer .item {
    border-left: 2px solid #585859;
    text-align: center;
    position: relative;
    min-height: 220px
}

.safetySection .carouselContainer .item span {
    color: #656565;
    display: block;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 5px
}

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

.safetySection .carouselContainer .item a {
    font: 9px gotham-bookgotham-book, Geneva, sans-serif;
    color: #e11b2f;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 10px
}

.safetySection .carouselContainer .item a:hover {
    color: #333
}

.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: -373px -52px;
    left: -42px;
    width: 13px;
    height: 43px;
    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: -373px -52px
}

.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;
    width: 13px;
    height: 43px;
    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: -404px -52px
}

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

.safetyWrap {
    position: relative;
    padding: 30px 0 0 0
}

.airBags {
    position: absolute;
    right: 0;
    top: 10%;
    max-width: 200px;
    color: #666
}

.airBags h3 {
    font: 20px gotham-lightgotham-light, sans-serif;
    margin-bottom: 15px
}

.airBags h5 {
    font: 20px gotham-lightgotham-light, sans-serif;
    margin-bottom: 15px;
    font-weight: 700
}

.airBags span {
    font: 14px gotham-bookgotham-book, sans-serif;
    display: block
}

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

.dualAirbags {
    position: absolute;
    bottom: 20px;
    left: 40px
}

.featuresSection {
    background: #fff;
    padding-top: 0
}

.featuresSection .responsive-accordion {
    margin: 25px 0 40px
}

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

.responsive-accordion-minus {
    background: url(../images/CSS-Sprites.png);
    background-position: -433px -11px
}

.table {
    color: #333;
    font-weight: 400;
    border-collapse: collapse;
    width: 100%
}

.table th:first-child {
    width: 42%
}

.table th {
    border-right: 1px solid #cbcbcb;
    text-align: center;
    padding: 10px 5px;
    font-weight: 400;
    font-size: 14px;
    font-weight: 700;
    font: normal 11px gotham-bookgotham-book, sans-serif;
    color: #333;
    width: 12%
}

.table td {
    border: 1px solid #cbcbcb;
    border-top: none;
    border-left: none;
    text-align: center;
    padding: 18px 5px;
    font: normal 11px gotham-bookgotham-book, sans-serif;
    color: #333;
    width: 12%
}

.table td:first-child {
    text-align: left;
    padding-left: 25px;
    width: 42%
}

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

#specifications .table td {
    width: 38%
}

.tab_content {
    position: relative
}

.accessoriesSection {
    background: url(../images/bg.png) no-repeat center/cover
}

.tabCarouselMng {
    position: relative
}

.accContainer {
    position: relative;
    padding: 20px 0 40px
}

.tabCarouselMng .accContainer {
    margin: 25px 0 0;
    padding: 0
}

#owl-carousel-accgallery .owl-controls {
    display: none
}

.secondSection {
    position: relative;
    overflow: hidden;
    margin-top: 1px;
    color: #fff
}

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

.secondImgmob {
    display: none
}

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

.carBlock {
    margin: 0 auto;
    width: 100%;
    max-width: 1150px;
    position: relative;
    transition: all 3s ease;
    height: 100%
}

.secondTopContent h2 {
    padding: 55px 0 10px;
    font: 32px gotham-lightgotham-light, sans-serif
}

.secondTopContent .content-heading {
    padding: 55px 0 10px;
    font: 32px gotham-lightgotham-light, sans-serif
}

.secondCont {
    margin: 0 -25px
}

.secondCont .col50 {
    float: left;
    width: 50%;
    padding: 0 25px;
    font: 13px/23px gotham-bookgotham-book, sans-serif
}

.secondBotContent {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 30px
}

.ambitiousSedan {  
    position: absolute;
    padding: 0 30px;
    color: #fff;
    height: auto;
    right: 0;
    bottom: 10px;
}

.ambitiousSedan p {
    font: 12px/14px gotham-bookgotham-book, sans-serif;
}  

.ambitiousSedan img {
    padding: 50px 0 0
}

.carPopmain .discoverPopupCon,
.carPopmain .discoverPopupConMain {
    height: 100%
}

.carPopmain .discoverPopupClose1 {
    right: 0;
    top: 0
}

.carPopleft {
    width: 50%;
    height: 100%;
    float: right;
    background: url(../images/bg8.jpg) no-repeat center/cover
}

.carPopright {
    width: 50%;
    height: 100%;
    float: left
}

.madeContent {
    max-width: 550px;
    float: right;
    height: 100%;
    padding: 60px 0;
    margin: 0 90px 0 50px;
    position: relative
}

.madeContent h4 {
    font-size: 19px;
    font-weight: 400;
    padding-bottom: 10px
}

.madeContent h5 {
    font-size: 45px;
    font-weight: 400;
    padding-bottom: 18px;
    margin-bottom: 25px;
    position: relative
}

.madeContent h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 2px;
    background: #dd2d37
}

.madeContent p {
    font-size: 13px;
    line-height: 23px;
    padding-bottom: 30px
}

.carContent {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 60px;
    padding-top: 180px
}

#divscroll {
    height: 100%;
    width: 100% !important
}

.track3 {
    background: #bfbfbf;
    margin-right: 2px;
    transition: background 250ms linear 0;
    width: 4px
}

.handle3 {
    background: gray;
    right: 0;
    transition: width 250ms ease 0;
    width: 4px
}

.safetySection {
    position: relative
}

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

.safetyContent .half {
    padding-top: 50px;
    position: relative
}

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

.safetyContent .half2 {
    position: relative
}

.safetySection .para {
    max-width: 820px
}

.safetyContentBottom {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center;
    max-width: 430px
}

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

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

.safContent {
    text-align: center;
    border-bottom: solid 3px #ababab
}

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

.safeItem:last-child {
    border: none
}

.safeItem img {
    margin-bottom: 20px
}

.safContent .owl-dots {
    display: none
}

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

.safContent .owl-theme .owl-controls .owl-nav .owl-next,
.safContent .owl-theme .owl-controls .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 9px;
    height: 17px;
    padding: 0
}

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

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

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

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

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

.safeItem a:hover {
    color: #333
}

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

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

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

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

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

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

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

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

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

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

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

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

.safetySection .overlayPopup {
    top: 20px !important;
    overflow: hidden
}

.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: 67%;
    position: relative
}

.galleryImage1 {
    width: 66.5%;
    position: relative
}

.galleryImage2 {
    width: 68%
}

.galleryImage img {
    width: 100%
}

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

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

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

.ext-sup-des {
    position: relative;
    display: block;
    padding: 0 15px;
    font-weight: 400;
    font-size: 1.17em;
    color: #666;
    font: normal 14px gotham-lightgotham-light, sans-serif
}

.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 40px;
    position: relative
}

.exteriorGallery .owl-controls {
    display: none
}

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

.accnext,
.accnext1,
.egnext,
.inext {
    right: 65px;
    background: url(../images/CSS-Sprites.png);
    background-position: -204px 11px;
    margin: 0;
    float: left
}

.accprev,
.accprev1,
.egprev,
.iprev {
    background: url(../images/CSS-Sprites.png);
    background-position: -168px 11px;
    margin: 0;
    float: left;
    left: 65px
}

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

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

.egmain {
    position: fixed;
    bottom: -3px;
    width: 100%
}

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

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

.egtitle sup {
    font-size: 9px
}

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

.brioGallery {
    position: relative
}

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

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

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

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

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

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

#owl-carousel-connectGallery .owl-prev {
    position: absolute;
    top: 50%;
    left: -6px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background: url(../images/CSS-Sprites.png);
    background-position: 0 -154px
}

#owl-carousel-connectGallery .owl-next {
    position: absolute;
    top: 50%;
    right: -6px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background: url(../images/CSS-Sprites.png);
    background-position: -81px -154px
}

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

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

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

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

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

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

.leftPop {
    width: 70%
}

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

.iterior_row {
    float: left
}

.iterior_row .col {
    width: 269.5px
}

#owl_carousel_InteriorPopup .owl-controls {
    display: none
}

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

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

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

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

.faqBtn:hover {
    background: #fff
}

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

.downloadBtn:hover {
    background: #fff
}

.gradesCon {
    padding: 25px 0 40px;
    position: relative
}

.gradesMain {
    border-top: 2px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    margin-right: 10px;
    background: #fff;
    color: #333
}

.gradeHead {
    border-bottom: 1px solid #cbcbcb;
    color: #666;
    padding: 12px 5px 10px 17px;
    font-size: 11px
}

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

.acc_tab_content h4 {
    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 h4 {
    font: normal 30px/30px gotham-mediumgotham-medium, sans-serif;
    padding-right: 10px;
    position: relative;
    margin-right: 10px
}

.gradeHead span: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
}

.h409 {
    height: 409px
}

.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: url(../images/day_night/drag_holder.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    border: none
}

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

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

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

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

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

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

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

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

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

.div360 {
    position: relative;
    max-width: 1048px;
    margin: 0 auto 25px;
    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
}

.Igallery1 {
    width: 487px
}

.Igallery2 {
    width: 336px
}

.mobileGridSection {
    display: none;
    position: relative
}

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

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

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

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

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

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

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

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

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

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

#owl-carousel-accmobpoint .owl-controls,
#owl-carousel-accpoint .owl-controls,
#owl-carousel-grades .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
}
section {
    float: left;
    width: 100%;
}
.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: #fff;
    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: #fff
}

.galleryVideoPop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 99999;
    display: none
}

.ride-popup-con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1024px;
    margin: 0 auto
}

.ride-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff url(../images/drop-close.png) no-repeat center;
    width: 50px;
    height: 50px;
    cursor: pointer
}

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

#owl-carousel-accpoint .owl-controls .owl-dots,
#owl-carousel-accpoint1 .owl-controls .owl-dots,
#owl-carousel-accpoint116 .owl-controls .owl-dots,
#owl-carousel-accpoint2 .owl-controls .owl-dots,
#owl-carousel-accpoint3 .owl-controls .owl-dots,
#owl-carousel-safetyGallery .owl-controls .owl-dots {
    display: none !important
}

.poplink {
    cursor: pointer
}

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

#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: -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: -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)
    }
}

.disclaimer_new {
    text-align: center;
    font: 12px gotham-bookgotham-book, sans-serif;
    padding-bottom: 25px
}

.iframe-full {
    width: 100%
}

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

.productHeader.fixed {
    position: fixed;
    left: 50%;
    right: 0;
    top: 0;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

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

.ChkTerms {
    margin: 10px 0
}

.ChkTerms span:first-child {
    float: left;
    width: 10%
}

.ChkTerms span:last-child {
    float: left;
    text-align: justify;
    font-size: 10px;
    width: 88%
}

.ChkTerms input {
    height: 15px
}

.featuresSection .gradesCon .owl-height {
    min-height: 650px !important
}

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

.brio-icon-3 {
    background: url(../images/CSS-Sprites.png);
    background-position: -36px -6px;
    width: 27px;
    height: 22px;
    position: absolute;
    right: 7px;
    top: 24px;
    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-x: 0;
    background-position-y: 0;
    background-position: -397px -7px;
    width: 19px;
    height: 19px;
    margin: 0 auto;
    float: none
}

.brio-icon-11 {
    background: url(../images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -539px -12px;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    float: none
}

.brio-icon-12 {
    background: url(../images/CSS-Sprites.png);
    background-position: -162px -59px;
    width: 83px;
    height: 37px;
    margin: 0;
    float: right
}

.all-new-city-icon-151 {
    background: url(../images/CSS-Sprites.png);
    background-position-x: 0;
    background-position-y: 0;
    background-position: -422px -169px;
    width: 102px;
    height: 37px;
    margin: 0;
    float: right
}

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

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

.newdisclaimer {
    text-align: right;
    float: right;
    font-size: 11px;
    padding: 10px;
    width: 100%;
    margin: -5px 0 20px 0
}

.newdisclaimer2 {
    text-align: left;
    float: left;
    font-size: 11px;
    padding: 10px;
    width: 100%;
    margin: -41px 0 0 94px;
    position: relative
}

.newdisclaimer-acc {
    text-align: right;
    float: right;
    font-size: 11px;
    padding: 10px;
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 90px;
    right: 100px
}

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

.btnColor {
    background-color: #f90a2f
}

.city-banner-cont-New {
    top: 58px;
    left: 120px;
    position: absolute;
    z-index: 99999
}

.city-banner-cont-New .smallTXT {
    color: #000;
    text-align: right;
    font-size: 16px;
    font-family: 'Futura Md BT';
    font-weight: 500
}

.city-banner-cont-New .bigTXT {
    color: #000;
    text-align: right;
    font-size: 60px;
    font-family: 'Futura Md BT';
    font-weight: 500;
    letter-spacing: -4px
}

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

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

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

.new-top-arow .owl-prev {
    top: 40% !important
}

.new-top-arow .owl-next {
    top: 40% !important
}

.indu-first-cont {
    position: absolute;
    top: 40px;
    padding: 0;
    color: #fff;
    right: 15px;
    font-size: 18px;
    font-weight: 700
}

.speak-bottom-cont {
    position: absolute;
    bottom: 15px;
    padding: 0 270px 0 166px;
    color: #fff;
    font-size: 10px
}

.speak-bottom-cont-2 {
    position: absolute;
    bottom: 15px;
    padding: 0;
    color: #fff;
    font-size: 10px;
    right: 10px
}

.speak-top-cont {
    position: absolute;
    top: 40px;
    padding: 0;
    color: #fff;
    font-size: 10px;
    width: 500px;
    left: 40px
}

.speak-top-cont h3 {
    font-size: 18px;
    padding-bottom: 10px;
    font-family: pirulenregular;
    letter-spacing: 1px
}

.speak-top-cont td {
    padding: 3px;
    font-size: 10px
}

.rush {
    position: absolute;
    left: 260px;
    bottom: 37px;
    z-index: 22;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    font-family: pirulenregular;
    letter-spacing: 1px
}

.anhc {
    position: absolute;
    left: 0;
    bottom: 85px;
    z-index: 22;
    color: #fff;
    font-size: 22px;
    margin-bottom: 8px;
    font-family: pirulenregular;
    letter-spacing: 1px;
    width: 100%;
    text-align: center
}

.segment-abo {
    position: absolute;
    left: 6px;
    top: 20px;
    font-size: 10px;
    color: #000
}

.safety-lef-top-cont-small {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 11px;
    color: #fff;
    font-weight: 700
}

.safety-lef-bottom-cont-small {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 11px;
    color: #fff;
    font-weight: 700
}

.safety-lef-top-cont {
    position: absolute;
    left: 20px;
    top: 44px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.safety-lef-bott-cont {
    position: relative;
    left: 0;
    bottom: 0;
    font-size: 12px;
    color: #fff;
    background: #000;
    padding: 10px 14px;
    margin: -5px 0 0 0;
    min-height: 36px
}

.honda-connect-disc-right {
    position: relative;
    right: 10px;
    top: 5px;
    font-size: 11px;
    color: #666;
    text-align: right;
    margin-bottom: 30px
}

.honda-connect-disc-right-abso {
    position: relative;
    right: 0;
    top: 5px;
    font-size: 11px;
    color: #666;
    text-align: right;
    margin-bottom: 30px
}

.spaciousSection .carouselContainer .item h5 {
    min-height: 80px
}

.techSection .carouselContainer .item .span-five1 {
    min-height: 80px
}

.posirela {
    position: relative
}

.two-one1 h5 {
    text-align: right;
    padding-right: 2px !important
}

.two-one2 {
    border-left: 0 !important
}

.two-one2 h5 {
    text-align: left;
    padding-left: 2px !important
}

.accnext,
.accnext1,
.accprev,
.accprev1,
.egprev,
.inext,
.interiorSection .egnext,
.iprev {
    top: 37%
}

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

.alexa-cont1 {
    font-family: pirulenregular;
    color: #fff;
    text-align: right;
    width: 100%;
    margin: 0;
    padding: 0 54px 0 0;
    letter-spacing: 2px;
    font-size: 23px;
    font-weight: 700;
    position: absolute;
    z-index: 22;
    bottom: 74px
}

.alexa-cont2 {
    font-family: gotham_bookregular, sans-serif;
    color: #fff;
    text-align: right;
    width: auto;
    margin: 20px 0 0 0;
    padding: 0;
    letter-spacing: 1px;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    z-index: 22;
    right: 60px;
    bottom: 10px;
    line-height: 16px
}

.alexa-cont3 {
    font-family: pirulenregular;
    color: #fff;
    text-align: left;
    width: 590px;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    font-size: 21px;
    font-weight: 700;
    position: absolute;
    z-index: 22;
    right: 36px;
    right: 36px;
    right: 36px;
    bottom: 170px;
    line-height: 16px
}

.img-description {
    color: #fff;
    width: 100%;
    background: #000;
    padding: 10px 20px;
    opacity: 1;
    font-size: 14px;
    font-family: gotham_bookregular, sans-serif;
    line-height: 22px;
    text-transform: uppercase
}

.posi-rel {
    position: relative
}

.ext-new-main .owl-item {
    width: auto !important
}

.new-btn-exp20 {
    position: absolute;
    bottom: 10px;
    left: 120px;
    background: #e51b2f;
    padding: 10px 16px;
    width: auto;
    height: auto;
    display: block;
    cursor: pointer;
    z-index: 22;
    color: #fff;
    font-weight: 700;
    font-size: 11px
}

.new-btn-exp202 {
    position: absolute;
    bottom: 10px;
    right: 20px;
    background: #e51b2f;
    padding: 10px 16px;
    width: auto;
    height: auto;
    display: block;
    cursor: pointer;
    z-index: 22;
    color: #fff;
    font-weight: 700;
    font-size: 11px
}

.new-ext .egnext {
    top: 37%
}

.cont-inner-alexa {
    margin: 40px 0 20px 0
}

.cont-inner-alexa .item {
    position: relative
}

.cont-inner-alexa .item img {
    margin: 0
}

.interiorSection .discoverPopup .galleryImage2 img {
    height: 372px
}

.interiorSection .discoverPopup .galleryImage2 img {
    height: 372px
}

.cen-pan-sam {
    font: 11px/14px gotham-bookgotham-book, sans-serif;
    color: #fff;
    padding: 13px 10px 0;
    display: inline-block;
    min-height: 74px;
    text-align: center;
    margin: 0
}

h3 {
    font-weight: 400
}

.logo-oc {
    position: absolute;
    left: 15px;
    top: 50px;
    z-index: 51
}

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

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

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

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

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

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

section.featuresSection .extDiv .titleh3::after {
    content: '';
    background: #e21b2e;
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
}

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

.capitalize {
    text-transform: capitalize;
}

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

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









.reviewsTestModel { 
	 float:left; 
	 width:100%;
	 margin:0 0 20px;
	 padding:0;
}
.reviewsTestModel .extDiv {
    display: inherit;
}
/*.reviewsTestModel h2 {
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    font: 14px gotham-bookgotham-book, sans-serif;
    color: #ffffff;
    background: #989898;
    float: left;
    width: 100%;
    margin: 0;
    font-weight: bold;
    padding: 15px 0;
}*/
.reviewsTestModel .reviewBox-hm {
    float: none;
    width: 90%;
    margin:5px auto 0;
    padding: 0;
    display: table;
    box-shadow: 0px 0px 0px #989898;
}
.reviewBox-hm .owl-carousel .owl-stage-outer { padding:15px 0 !important; }

.reviewsTestModel #reviewBoxMain {
	width: 921px;
}
.reviewsTestModel .reviewBoxMain {
    float: left;
    width: 45.8%;
    margin: 0% 2%;
    border: 0px solid #989898;
    padding: 10px;
    position: relative;
    min-height: 210px;
    box-shadow: 0 0px 4px #d4d4d4;
}
.reviewsTestModel .reviewBoxMain h4 {
    float: left;
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
    font-size: 16px;
    font-family: gotham-bookgotham-book, sans-serif;
    color: #000000;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
	letter-spacing: 0px;
}
.reviewsTestModel .reviewBoxMain h5 {
    float: left;
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
    font-size: 12px;
    font-family: gotham-bookgotham-book, sans-serif;
    color: #000000;
    text-align: left; 
	font-weight: bold;	
	letter-spacing: 0px;
}
.reviewsTestModel .reviewBoxMain h6 {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    font-size: 12px;
    font-family: gotham-bookgotham-book, sans-serif;
    color: #000000;
    text-align: left;
    font-weight: bold;
    letter-spacing: 0px;
    min-height: auto;
}
.reviewsTestModel .reviewBoxMain p {      
	 float:left; 
	 width:100%;
	 margin:0 0 10px;
	 padding:0;
	 font: 12px/18px gotham-bookgotham-book, sans-serif;
     color: #323232;
	 text-align: justify;
}
.reviewsTestModel .reviewBoxMain a {
    float: left;
    width: auto;
    margin: 0 0 0 0;
    padding: 0;
    text-align: right;
    font-size: 12px;
    font-family: gotham-bookgotham-book, sans-serif;
    color: #ff0000;
    font-weight: normal;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.view-logo {
    width: auto !important;   
    position: relative;
    float: left;
    margin: 0 0 10px;
    height: 25px;
}

.reviewsTestModel { position:relative; }

.reviewsTestModel .owl-prev { 
	left: -22px;
    background: url("../images/CSS-Sprites.png") !important;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: -168px 11px !important;
    margin: 0 !important;
    float: left;
    position: absolute;
    width: 35px;
    height: 60px;
    text-indent: -9999px;
    border: 1px solid #686868;
    cursor: pointer !important;
    top: 35%;
	border-radius: 0 !important;
}
.reviewsTestModel .owl-next {
    right: -22px;
    background: url("../images/CSS-Sprites.png") !important;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: -204px 11px !important;
    margin: 0 !important;
    float: left;
    position: absolute;
    width: 35px;
    height: 60px;
    text-indent: -9999px;
    border: 1px solid #686868;
    cursor: pointer !important;
    top: 35%;
	border-radius: 0 !important;
}

.reviewsTestModel #reviewBoxMain { margin-bottom:-14px !important; }

.write-sec {
width: 100%;
margin: 15 0;
padding: 10px 5%;
display: flex;
background:#EEE;
} 

.write-sec .write-right {
float: right;
width: auto;
margin: 0 0 0 15px;
padding: 0;
}

.write-sec .write-left {
float: left;
width: auto;
margin: 0;
padding: 11px 0;
font: normal 15px gotham-bookgotham-book, sans-serif;
color:#333333;
} 

.write-sec .write-right a {
    float: right;
    font: 0.9em gotham-mediumgotham-medium;
    letter-spacing: 1px;
    color: #fff;
    text-transform: unset;
    background: #e82d36;
    padding: 12px 8px;
    border: 0;
}

.write-sec-inn {
width: auto;
margin: 0 auto;
display: table;
} 



.testimonials-item-main-share {
    float: none;
    width: 94%;
    margin: 0 auto;
    padding: 0;
}

.testimonials-item-inner {
    margin-bottom: 15px;
    width: 94%;
    margin-left: 0;
    margin-right: 0%;
    margin-top: 20px;
    float: left;
    box-shadow: 0 0px 4px #d4d4d4;
    padding: 7% 3%;
    border-radius: 10px;
    border-bottom: 2px solid #da2325;
}
.testimonials-image {
    width: 90px;
    text-align: center;
    float: left;
    margin: 0 0 8px 0;
}
.testimonials-image a, .testimonials-image img, .testimonials-text {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.testimonials-item-inner a.link-user-riew {
    text-decoration: none;
    padding: 0;
    margin: 0;  
	width: 100%;
}
.testimonials-item-inner .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 100%;
}
.testimonials-content {
    width: 63%;
    margin-left: 3%;
    float: left;
    text-align: left;
}
.testimonials-text {
    position: relative;
    font-size: 13px;
    background-color: transparent;
    padding: 0;
	color: #333;
	line-height: 13px;
}
.testimonials-text a {
    color: #000;
}
.testimonials-text p {
    color: #000;
}
.testimonials-text strong {
    font-family: toyota_displaybold;
    font-weight: 400;
}
/*.testimonials-text::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -24px;
    left: 0;
    border-width: 24px;
    border-color: transparent;
        border-right-color: transparent;
    border-style: solid;
    border-right-color: #f7f8f9;
    clip: rect(24px,42px,42px,0);
}*/
.testimonials-details {
    margin: 0 0 5px 0;
    font-size: 11px;
}
.red-text {
    color: #dd1d10 !important;
}

.testimonials-details p { color:#000000; }
.testimonials-text a {
    color: #000000;
    font: 12px/16px gotham-bookgotham-book, sans-serif;   
}


.expert-head-ing-36 {
    color: #323232;
    font: 27px gotham-lightgotham-light, sans-serif;
    letter-spacing: 0;
    position: relative;
    padding: 8px 0 0;
    margin-bottom: 20px;
}

.being-sup {
    position: absolute;
    left: 115px;
    top: 50px;
    z-index: 22;
    width: auto;
}
.being-sup .main-contn {
  color: #fff;
  font-size: 48px;
  font-family: 'Futura Md BT';
  letter-spacing: 0;
  font-weight: normal;
  line-height: 48px;
  float: left;
  width: auto;
}
.being-sup .sub-contn {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Futura Md BT';
    letter-spacing: 1px;
    float: left;
    line-height: 16px;
    margin: 6px 0 0 20px;
}

.rush {
    position: absolute;
    left: 50%;
    bottom: 70px;
    z-index: 22;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: pirulenregular;
    letter-spacing: 1px;
    text-align: center;
    width: 260px;
    margin: 0 0 0 -130px;
}


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

.new-btn-exp220 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #e51b2f;
    padding: 10px 16px;
    width: auto;
    height: auto;
    display: block;
    cursor: pointer;
    z-index: 22;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
}

.new-btn-exp223 {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #e51b2f;
    padding: 10px 16px;
    width: auto;
    height: auto;
    display: block;
    cursor: pointer;
    z-index: 22;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
}

.new-btn-exp221 {
    position: absolute;
    bottom: 27px;
    left: 30px;
    background: #e51b2f;
    padding: 10px 16px;
    width: auto;
    height: auto;
    display: block;
    cursor: pointer;
    z-index: 22;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
}

.new-btn-exp222 {
    position: absolute;
    bottom: 27px;
    right: 36px;
    background: #e51b2f;
    padding: 10px 16px;
    width: auto;
    height: auto;
    display: block;
    cursor: pointer;
    z-index: 22;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
}



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

#owl-carousel-CityAlexa .owl-prev {
    position: absolute;
    top: 50%;
    left: -6px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background: url(../images/CSS-Sprites.png);
    background-position: 0 -154px
}

#owl-carousel-CityAlexa .owl-next {
    position: absolute;
    top: 50%;
    right: -6px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background: url(../images/CSS-Sprites.png);
    background-position: -81px -154px
}

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

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

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

#owl-carousel-CityAlexa .owl-prev {
    position: absolute;
    top: 50%;
    left: -6px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background: url(../images/CSS-Sprites.png);
    background-position: 0 -154px
}

#owl-carousel-CityAlexa .owl-next {
    position: absolute;
    top: 50%;
    right: -6px;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background: url(../images/CSS-Sprites.png);
    background-position: -81px -154px
}

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

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

.seamless-trans .para {
  max-width: 780px;
  margin: 0 auto 20px;
}