@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";
html,body{height:100%;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;font-family:'Poppins',sans-serif;line-height:inherit}
*,:before,:after{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box}
ul,ol,li{list-style:none;margin:0;padding:0}
header ul, header ol, header li{line-height:1}
footer ul, footer ol, footer li{line-height:1}
h1,h2,h3,h4,h5,h6,p,a{margin:0;padding:0;text-decoration:none}
a:focus,a:hover{text-decoration:none;color:#fff}
img{max-width:100%}
.top-ban-detailBox{display:inline-block;width:100%;padding-top:200px}
.container-center{max-width:1400px;width:100%;margin:auto;padding:0 15px}
.top-pd-car-view{width:100%;display:inline-block;margin-bottom:0;margin-top:10px}
.pd-description-head{display:inline-block}
.pd-title-car-view{display:flex;display:-webkit-flex;display:-moz-flex;align-items:center}
.pd-car-logo{border-right:1px solid #000;margin-right:10px;max-width:80px;max-height:60px;}
.pd-car-logo img{padding:5px;max-height:55px}
.pd-car-details{display:inline-block}
.pd-car-details h1{font-size:30px;font-weight:400;line-height:30px;margin-bottom:5px}
.pd-car-details h5{font-size:16px;font-weight:400}
.pd-col-car-view{float:right;text-align:right}
.pd-car-actual-price{font-size:40px;font-weight:700;line-height:30px;margin-bottom:5px}
.pd-car-actual-price sup{font-size:14px;font-weight:700}
.download-brochure-box{display:inline-block;width:100%;font-size:14px}
.download-brochure-box a{font-size:18px;color:#000}
.download-brochure-box a:hover{opacity:.5}
.download-brochure-box .download-brochure-text{font-size:14px;vertical-align:top}
.download-brochure-box svg{width:20px;height:20px;margin-right:5px}
.download-brochure-box svg .cls-1{fill:#cc0c0c}
.download-brochure-box.download-service{width:auto;float:right}
.finance-box-strip{width:100%;background:#000;padding:8px 5px;color:#fff;/*margin-top:10px;*/position:relative;z-index:1}
.pd-car-actual-price.mobile-price-view{display:none}
.finance-box-strip .finance-strip-message,.finance-box-strip .finance-strip-hp{display:inline-block}
.finance-box-strip .finance-strip-hp{float:right}
.finance-strip-hp .hp-finance-strip strong{font-size:20px}
.finance-strip-hp .hp-finance-strip{display:inline-block;margin-left:10px}
.finance-strip-hp .hp-finance-strip a{display:inline-block;width:100%;color:#fff;background:#cc0c0c;border:1px solid #cc0c0c;padding:2px 5px;font-size:12px;vertical-align:top;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.finance-strip-hp .hp-finance-strip a:hover{background: transparent;color: #fff;border: 1px solid #fff;}
.finance-strip-hp .hp-finance-strip .hp-text{font-weight:700}
.productSlider{position:relative;width:100%;display:inline-block;background:url(../images/car.jpg);background-size:contain;background-repeat:repeat;background-position:center}
.productSlider::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:rgb(255,255,255);background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);z-index:0}
.slidermain-box{max-width:1400px;margin:15px auto}
.productDetailPage{position:relative;height:540px;padding:15px;margin:0 15px}
.productDetailPage .product-slideBox{position:absolute;animation-iteration-count:1;animation-fill-mode:forwards}
.productDetailPage .product-slideBox.hidden{display:none}
.productDetailPage #myvid{position:relative;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.productDetailPage .expand-youtube-video button{position:absolute;width:100%;height:auto;background:#fff;border-radius:30px;font-size:14px;text-transform:uppercase;padding:5px;opacity:0;left:0;cursor:pointer;border:none}
.productDetailPage .product-slideBox:hover button{opacity:1;color:#000}
.productDetailPage >.product-slideBox img{width:100%;height:100%;object-fit:cover}
.productDetailPage .video-slider-box{display:inline-block;width:100%;height:100%;position:relative}
.productDetailPage .video-slider-box:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2}
.productDetailPage .video-slider-box iframe{width:100%;height:100%}
.productDetailPage .active .video-slider-box:before{display:none}
.productDetailPage .active{width:60%;height:540px;top:0;left:0;right:0;bottom:0;margin:auto;z-index:1;animation:fadeInAnimation ease 1s;-webkit-animation:fadeInAnimation ease 1s;-moz-animation:fadeInAnimation ease 1s;-ms-animation:fadeInAnimation ease 1s;-o-animation:fadeInAnimation ease 1s}
@keyframes fadeInAnimation {
0%{opacity:.2}
100%{opacity:1}
}
@-moz-keyframes fadeInAnimation {
0%{opacity:.2}
100%{opacity:1}
}
@-webkit-keyframes fadeInAnimation {
0%{opacity:.2}
100%{opacity:1}
}
@-o-keyframes fadeInAnimation {
0%{opacity:.2}
100%{opacity:1}
}
@-ms-keyframes fadeInAnimation {
0%{opacity:.2}
100%{opacity:1}
}
.productDetailPage .next1,.productDetailPage .next2,.productDetailPage .next3,.productDetailPage .prev1,.productDetailPage .prev2,.productDetailPage .prev3{width:18%;height:150px}
.productDetailPage .next1{bottom:0;right:0;animation:fadeInNext1 ease 1s;-webkit-animation:fadeInNext1 ease 1s;-moz-animation:fadeInNext1 ease 1s;-ms-animation:fadeInNext1 ease 1s;-o-animation:fadeInNext1 ease 1s}
@keyframes fadeInNext1 {
0%{opacity:.5}
100%{opacity:1}
}
@-moz-keyframes fadeInNext1 {
0%{opacity:.5}
100%{opacity:1}
}
@-webkit-keyframes fadeInNext1 {
0%{opacity:.5}
100%{opacity:1}
}
@-o-keyframes fadeInNext1 {
0%{opacity:.5}
100%{opacity:1}
}
@-ms-keyframes fadeInNext1 {
0%{opacity:.5}
100%{opacity:1}
}
.productDetailPage .next2{top:0;right:0;bottom:0;margin:auto;animation:fadeInNext2 ease 1s;-webkit-animation:fadeInNext2 ease 1s;-moz-animation:fadeInNext2 ease 1s;-ms-animation:fadeInNext2 ease 1s;-o-animation:fadeInNext2 ease 1s}
@keyframes fadeInNext2 {
0%{opacity:.5}
100%{opacity:1}
}
@-moz-keyframes fadeInNext2 {
0%{opacity:.5}
100%{opacity:1}
}
@-webkit-keyframes fadeInNext2 {
0%{opacity:.5}
100%{opacity:1}
}
@-o-keyframes fadeInNext2 {
0%{opacity:.5}
100%{opacity:1}
}
@-ms-keyframes fadeInNext2 {
0%{opacity:.5}
100%{opacity:1}
}
.productDetailPage .next3{top:0;right:0;animation:fadeInNext3 ease 1s;-webkit-animation:fadeInNext3 ease 1s;-moz-animation:fadeInNext3 ease 1s;-ms-animation:fadeInNext3 ease 1s;-o-animation:fadeInNext3 ease 1s}
@keyframes fadeInNext3 {
0%{opacity:.5}
100%{opacity:1}
}
@-moz-keyframes fadeInNext3 {
0%{opacity:.5}
100%{opacity:1}
}
@-webkit-keyframes fadeInNext3 {
0%{opacity:.5}
100%{opacity:1}
}
@-o-keyframes fadeInNext3 {
0%{opacity:.5}
100%{opacity:1}
}
@-ms-keyframes fadeInNext3 {
0%{opacity:.5}
100%{opacity:1}
}
.productDetailPage .prev1{top:0;left:0;animation:fadeInPrev1 ease 1s;-webkit-animation:fadeInPrev1 ease 1s;-moz-animation:fadeInPrev1 ease 1s;-ms-animation:fadeInPrev1 ease 1s;-o-animation:fadeInPrev1 ease 1s}
@keyframes fadeInPrev1 {
0%{opacity:.5}
100%{opacity:1}
}
@-moz-keyframes fadeInPrev1 {
0%{opacity:.5}
100%{opacity:1}
}
@-webkit-keyframes fadeInPrev1 {
0%{opacity:.5}
100%{opacity:1}
}
@-o-keyframes fadeInPrev1 {
0%{opacity:.5}
100%{opacity:1}
}
@-ms-keyframes fadeInPrev1 {
0%{opacity:.5}
100%{opacity:1}
}
.productDetailPage .prev2{top:0;left:0;bottom:0;margin:auto;animation:fadeInPrev2 ease 1s;-webkit-animation:fadeInPrev2 ease 1s;-moz-animation:fadeInPrev2 ease 1s;-ms-animation:fadeInPrev2 ease 1s;-o-animation:fadeInPrev2 ease 1s}
@keyframes fadeInPrev2 {
0%{opacity:.5}
100%{opacity:1}
}
@-moz-keyframes fadeInPrev2 {
0%{opacity:.5}
100%{opacity:1}
}
@-webkit-keyframes fadeInPrev2 {
0%{opacity:.5}
100%{opacity:1}
}
@-o-keyframes fadeInPrev2 {
0%{opacity:.5}
100%{opacity:1}
}
@-ms-keyframes fadeInPrev2 {
0%{opacity:.5}
100%{opacity:1}
}
.productDetailPage .prev3{bottom:0;left:0;animation:fadeInPrev3 ease 1s;-webkit-animation:fadeInPrev3 ease 1s;-moz-animation:fadeInPrev3 ease 1s;-ms-animation:fadeInPrev3 ease 1s;-o-animation:fadeInPrev3 ease 1s}
@keyframes fadeInPrev3 {
0%{opacity:.5}
100%{opacity:1}
}
@-moz-keyframes fadeInPrev3 {
0%{opacity:.5}
100%{opacity:1}
}
@-webkit-keyframes fadeInPrev3 {
0%{opacity:.5}
100%{opacity:1}
}
@-o-keyframes fadeInPrev3 {
0%{opacity:.5}
100%{opacity:1}
}
@-ms-keyframes fadeInPrev3 {
0%{opacity:.5}
100%{opacity:1}
}
.product-slideBox .main-image-tag-slider{position:absolute;width:180px;height:180px;left:-6px;top:-6px;z-index:0;display:none}
.productDetailPage .active .main-image-tag-slider{display:block}
.product-slideBox .main-image-tag-slider img{width:100%}
.product-slideBox .main-image-tag-slider .main-image-tag-mesasage{position:absolute;right:30px;transform:rotate(-45deg);top:60px;color:#fff;font-size:16px}
.productSlider .next_button,.productSlider .prev_button{width:45px;height:47px;font-size:30px;line-height:30px;text-align:center;background:#fff;padding:10px;cursor:pointer;position:absolute;top:0;left:20%;bottom:0;z-index:1;margin:auto;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.productDetailPage .expand-detail-image{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.productSlider .next_button{left:inherit;right:20%}
.expand-detail-image svg .cls-1{fill:#000}
.productSlider .next_button:hover,.productSlider .prev_button:hover,.productDetailPage .expand-detail-image:hover,.productDetailPage .expand-youtube-video:hover{opacity:.8;z-index:9}
.productDetailPage .active svg{display:block;position:absolute;background:#fff;z-index:1;width:45px;height:45px;font-size:25px;line-height:25px;padding:10px;top:15px;right:15px}
.productDetailPage .active .expand-youtube-video{display:block;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.productDetailPage svg,.productDetailPage .expand-youtube-video{display:none}
.expand-youtube-video{position:absolute;width:80px;height:56px;z-index:99;text-align:center;left:0;top:0;right:0;bottom:0;margin:auto}
.expand-youtube-video i.fa-youtube-play{font-size:56px;color:#cc0c0c;padding:0;border-radius:15px;cursor:pointer;position:relative}
.expand-youtube-video i.fa-youtube-play::after{content:'';position:absolute;background:#fff;left:0;right:0;top:10px;height:35px;border-radius:10px;z-index:-1;width:54px}
.product-detail-button-box{display:inline-block;width:100%}
.product-detail-button-box ul{display:flex;display:-webkit-flex;display:-moz-flex;-webkit-justify-content:space-between;justify-content:space-between}
.product-detail-button-box ul li{display:inline-block;margin-right:15px;width:100%}
.product-detail-button-box ul li:last-child{margin-right:0}
.product-detail-button-box ul li a .button-icons{display:inline-block}
.product-detail-button-box ul li a .button-icons svg{display:inline-block;width:40px;height:40px;vertical-align:middle;margin-right:5px}
.product-detail-button-box ul li a .button-icons svg .cls-1{fill:#000}
.product-detail-button-box ul li a{display:inline-block;padding:10px;border:1px solid #000;width:100%;text-align:center;color:#000;font-size:16px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.product-detail-button-box ul li a:hover{color:#fff;background:#000}
.product-detail-button-box ul li a:hover svg .cls-1{fill:#fff;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.product-detail-button-box ul li.btn-reserve-audi-now a{background:#63b96a;border:1px solid #63b96a;color:#fff}
.product-detail-button-box ul li.btn-reserve-audi-now a:hover{background:transparent;color:#63b96a}
.product-detail-button-box ul li.btn-reserve-audi-now a:hover svg .cls-1{fill:#63b96a}
.product-detail-button-box ul li.btn-reserve-audi-now a svg .cls-1{fill:#fff}
.detailPage-features{width:100%;display:inline-block;margin:30px 0}
.detailPage-features ul{width:100%;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-justify-content:space-between;justify-content:space-between}
.detailPage-features ul li{width:100%;display:inline-block;text-align:center;color:#000;font-size:16px;font-weight:600}
.detailPage-features ul li span{width:100%;display:inline-block;padding:10px 5px 5px}
.detailPage-features ul li span svg{width:35px;height:35px;fill:#111}
.detailPage-features ul li span svg .cls-1{fill:#111}
.detailPage-features ul li:first-child span:first-child,.detailPage-features ul li:first-child span:last-child{border-left:0 solid #f2f2f2}
.detailPage-features ul li span:first-child{border-left:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.detailPage-features ul li span:last-child{border-left:1px solid #f2f2f2}
.detailPage-features .feature-box-title{font-size:12px;font-weight:400;text-transform:uppercase;white-space:nowrap;overflow:hidden;}
.car-extra-feature{margin-bottom:30px;text-align:right}
.dp-extra-feature-box ul.dp-extra-detail li{display:inline-block;padding-left:10px;font-size:14px;font-weight:700;line-height:20px}
.dp-extra-feature-box ul.dp-extra-detail li span.red-round-tick{display:inline-block;width:20px;height:20px;background:#cc0c0c;border:1px solid #cc0c0c;border-radius:100%;margin-right:5px;vertical-align:middle}
.dp-extra-feature-box ul.dp-extra-detail li span.red-round-tick img{width:15px;float:right}
.description-full-width{display:inline-block;width:100%;padding:30px 0;background:#fafafa}
.product-detail-description{display:flex;display:-webkit-flex;display:-moz-flex}
.dp-extra-feature-box{padding:30px 0}
.dp-extra-feature-box .dp-extra-detail{display:flex;display:-webkit-flex;display:-moz-flex}
.product-detail-description .left-col-description{display:inline-block;width:calc(100% - 460px);padding-right:50px}
.product-detail-para h3{font-size:22px;font-weight:600;padding-top:15px;}
.product-detail-para p{text-align:justify;line-height:26px;font-size:16px;padding-top:15px;color:inherit;}
.product-detail-para p a{color:inherit;}
.product-detail-description .right-col-description{display:inline-block;width:450px;vertical-align:top}
.flip-container{max-width:450px;width:100%;min-height:650px;position:relative;background-color:transparent;margin:0}
.flip-container .flipper{position:relative;transition-duration:.5s;text-align:center}
.flip-container .btn-wrapper{position:absolute;top:15px;left:15px;z-index:9}
.flip-container .flipBox-topTag{position:absolute;width:150px;height:150px;right:-8px;top:-8px;z-index:0}
.flip-container .flipBox-topTag img{width:100%}
.flip-container .flipBox-topTag .topTag-mesasage{position:absolute;right:-5px;transform:rotate(45deg);top:50px;color:#fff;font-size:16px}
.flip-container .financeBox-option{font-size:18px}
.flip-container .financeBox-price{font-size:28px;font-weight:700;padding:10px 0;line-height:30px}
.flip-container .financeBox-price sup{font-size:14px;font-weight:600}
.flip-container .financeBox-finance{font-size:14px;font-weight:600;position:relative;margin-bottom:30px}
.flip-container .financeBox-finance::before{content:'';position:absolute;width:100px;height:3px;background:#cc0c0c;bottom:-5px;left:0;right:0;margin:auto}
.flip-container .financeBox-finance .hp-finance{background:#cc0c0c;color:#fff;padding:3px;font-size:12px;margin-right:5px}
.flip-container .financeBox-finance .financeBox-finance-price{font-size:20px;font-weight:700}
.flip-container .financeBox-details{list-style:none;padding:0;margin:0}
.flip-container .financeBox-details li{display:inline-block;width:47%;margin:1%;background:#fff;padding:1%;vertical-align:top}
.flip-container .financeBox-details li:last-child{width:97%}
.flip-container .financeBox-details li span{display:inline-block;width:100%;color:#434343;font-size:14px}
.flip-container .financeBox-details li .financeBox-detail-value{font-size:18px;font-weight:700}
.flip-container .flipper,.flip-container .flip-item{padding:15px}
.flip-container .flip-item{backface-visibility:hidden;position:absolute;top:0;left:0;transform:rotateY(-180deg);background-color:#f1f1f1;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;transform-style:preserve-3d;border-radius:5px;box-shadow:3px 3px 10px 2px rgba(0,0,0,0.1);opacity:0}
.flip-container .turnToRight{transform:translateZ(-400px) rotateY(180deg)}
.flip-container .turnToLeft{transform:translateZ(-400px) rotateY(-180deg)}
.flip-container .is-active{transform:rotateY(0);opacity:1}
.flip-container button{display:inline-block;border:0;background:0;color:#a8a8a8;cursor:pointer;padding:10px}
.flip-container button i{font-size:20px}
.flip-container button.flip-btn-active{color:#c01b1b}
.flip-button-box{display:flex;display:-webkit-flex;display:-moz-flex;width:100%;margin-top:15px}
.flip-button-box span{display:inline-block;width:100%}
.flip-button-box span:first-child{margin-right:15px}
.flip-button-box span a{display:inline-block;width:100%;padding:10px;color:#fff;font-size:16px;border-radius:5px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.flip-button-box span a i{margin-left:15px;font-size:22px}
.flip-button-box span.reserve-flip a{background:#63b96a;border:1px solid #63b96a}
.flip-button-box span.apply-flip a{background:#cc0c0c;border:1px solid #cc0c0c}
.flip-button-box span.reserve-flip a:hover{background:transparent;color:#63b96a}
.flip-button-box span.apply-flip a:hover{background:transparent;color:#cc0c0c}
.pd-other-services{display:inline-block;width:100%;margin-bottom:30px}
.pd-other-services .left-col-other{display:inline-block;width:calc(100% - 460px);min-width:60%;padding-right:50px;vertical-align:top}
.service-history-box p{padding:15px 0;font-size:16px}
.service-history-box h3,.finance-history-box h3,.specification-box h3,.download-doc-box h3{font-size:26px;position:relative;margin-top:30px;margin-bottom:30px}
.service-history-box h3:before,.finance-history-box h3:before,.specification-box h3:before,.download-doc-box h3:before{content:'';position:absolute;position:absolute;width:100px;height:5px;background:#cc0c0c;bottom:-5px;left:0}
.service-history-box ul.service-history-details{background:#dddddd;padding:15px;margin-bottom:15px}
.service-history-box ul.service-history-details:nth-child(2n+1){background:#ececec}
.service-history-box ul.service-history-details li{padding:5px}
.service-history-box ul.service-history-details li span{margin-right:15px}
.service-history-box ul.service-history-details li span strong{margin-left:5px}
.pd-other-services .right-col-other{display:inline-block;width:450px}
.finance-history-box{display:inline-block;width:100%;}
.specification-content{display:inline-block;width:100%;margin-bottom:30px;}
.specification-content .accordion li{border-bottom:1px solid #000;position:relative;cursor:pointer}
.specification-content .accordion li .sepc-details{display:none;padding:10px 0;float:left;width:100%}
.specification-content .accordion li .sepc-details ul li{border-bottom:none;display:flex;display:-webkit-flex;display:-moz-flex}
.specification-content .accordion li .sepc-details ul li span{display:inline-block;width:50%;padding:10px 0;font-size:14px;margin-right:10px;border-bottom:1px solid #ddd}
.specification-content .accordion li .sepc-details ul li span.spec-vaule{font-weight:600}
.specification-content .accordion a:hover{color:#000}
.specification-content .accordion a{color:#000;width:100%;display:inline-block;border-bottom:1px solid #000;padding:10px 0;padding-right:25px;position:relative;font-size:18px;font-weight:500}
.specification-content .accordion a:after{width:8px;height:8px;border-right:2px solid #000;border-bottom:2px solid #000;position:absolute;right:10px;content:" ";top:17px;transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.specification-content a.active:after{transform:rotate(-135deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.download-doc-box{display:inline-block;width:100%;}
.download-doc-box ul.pdf-download-links{display:inline-block;width:100%}
.download-doc-box ul.pdf-download-links li{display:inline-block;width:100%;border-bottom:1px solid #000}
.download-doc-box ul.pdf-download-links li a{display:inline-block;width:100%;padding:10px 0;font-size:18px;font-weight:600;color:#000;text-decoration:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.download-doc-box ul.pdf-download-links li a:hover{color:#cc0c0c}
.download-doc-box ul.pdf-download-links li:last-child{border-bottom:0 solid #000}
.download-doc-box .pdf-icons{width:30px;height:auto;display:inline-block;vertical-align:middle;margin-right:15px}
.download-doc-box .pdf-icons img{width:100%}
.clearfix{clear:both}
.product-slideBox .ribbon{display:none;}
.product-slideBox.active .ribbon{display:block;}
.ribbon{width:165px;height:165px;overflow:hidden;position:absolute;z-index:2}
.ribbon::before,.ribbon::after{position:absolute;z-index:-1;content:'';display:block;border:4px solid #ececec}
.ribbon .inner-ribbon{position:absolute;display:block;width:250px;height:48px;background-color:#cc0c0c;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}
.ribbon-top-left{top:-5px;left:-5px}
.ribbon-top-left::before,.ribbon-top-left::after{border-top-color:transparent;border-left-color:transparent}
.ribbon-top-left::before{top:-3px;right:0}
.ribbon-top-left::after{bottom:0;left:-3px}
.ribbon-top-left .inner-ribbon{right:-25px;top:40px;transform:rotate(-45deg)}
.ribbon span{font-size:12px;line-height:1.1;width:150px;display:inline-block;position:relative;top:25%}
.video-btn {bottom: 30px;top: 45%;right: 45%;position: absolute;z-index: 9999;opacity: 1;}
.video-btn a{background-color:rgba(255,255,255,0.7);display:inline-block;width:auto;height:50px;border-radius:15px;cursor:pointer}
.video-btn a:hover{background-color:#fff;opacity:0.5;}
.video-btn .fa-youtube-play{font-size:85px;line-height:45px;color:#cc0c0c;background-color:transparent;}
/*.popup .popup-inner {max-width:90%;max-height:300px;width: auto;padding: 0px;}*/
.specification-box .input-group.fullwidth{padding-left:0px;padding-right:0px}
.reg_plate{display:block;background-color:#f6cc47;background-image:url(../images/plate.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:left center;background-clip:border-box;background-origin:padding-box;font-family:'Muli',sans-serif;font-weight:700;background-size:auto auto;font-size:225%;letter-spacing:1px;font-weight:bold;color:#000;border:solid 4px #000;width:100%;max-width:230px;box-sizing:border-box;text-align:center;margin:0 auto;padding-left: 15px;height: 60px;margin-top:30px;}
@media only screen and (max-width: 1400px) {
.slidermain-box{display:inline-block;width:100%}
}
@media only screen and (max-width: 1366px) {
.product-detail-button-box ul li{margin-right:10px}
.product-detail-button-box ul li .m-hidden{display:none}
}
@media only screen and (max-width: 1280px) {
.product-detail-description{display:inline-block;width:100%}
.product-detail-para p{font-size:14px;line-height:inherit}
.pd-car-logo{padding:0px;border-right:1px solid #555;max-width:60px}
.pd-car-details h1{font-size:24px}
.pd-car-actual-price{font-size:30px}
.pd-car-details h5{font-size:14px}
.product-detail-para h3{font-size:18px}
.productDetailPage > .product-slideBox img{width:auto;height:100%;object-fit:contain}
.productDetailPage .active{text-align:center;background:rgba(0,0,0,0.5);display:block;width:100%;height:100%}
.productSlider .next_button{right:20px}
.productSlider .prev_button{left:20px}
.productDetailPage{height:450px;width:calc(100% - 120px);margin-left:0;float:right}
.productDetailPage .next1,.productDetailPage .next2,.productDetailPage .next3,.productDetailPage .prev1,.productDetailPage .prev2,.productDetailPage .prev3{width:80px;height:70px;left:-90px;bottom:inherit;right:inherit;top:0}
.productDetailPage .prev2{top:75px}
.productDetailPage .prev3{top:150px}
.productDetailPage .next3{top:225px}
.productDetailPage .next2{top:300px}
.productDetailPage .next1{top:380px}
}
@media only screen and (max-width: 1170px) {
.product-detail-description .left-col-description{width:100%;padding-right:0}
.product-detail-description .right-col-description{width:100%;margin-top:40px}
.flip-container{max-width:600px;/*min-height:780px;*/margin:auto}
.flip-container .flipper {position: relative;padding:0px}
@media only screen and (max-width: 980px) {
.product-detail-button-box ul{display:inline-block;width:100%;text-align:center;}
.product-detail-button-box ul li{width:49%;margin-right:1%;margin-top:15px}
.product-detail-button-box ul li:nth-child(2n+2){margin-right:0}
.pd-other-services{display:inline-block;width:100%}
.pd-other-services .left-col-other{display:inline-block;width:100%;padding-right:0}
.pd-other-services .right-col-other{display:inline-block;width:100%}
.specification-box,.download-doc-box{margin-top:30px}
}
@media only screen and (max-width: 930px) {
.detailPage-features ul{display:inline-block;width:100%;font-size:0;text-align:center;}
.detailPage-features ul li{width:20%;margin-right:0;margin-top:15px}
.detailPage-features ul li:nth-child(5n+5){margin-right:0}
.detailPage-features ul li:nth-child(6) span{border-left:0 solid #f2f2f2}
.product-slideBox .main-image-tag-slider{width:150px;height:150px}
.product-slideBox .main-image-tag-slider .main-image-tag-mesasage{right:40px;top:55px;font-size:12px}
.productSlider .next_button,.productSlider .prev_button{width:35px;height:37px;font-size:20px;line-height:20px}
.productDetailPage .active svg{width:35px;height:35px;padding:5px}
.pd-car-details h1{font-size:24px}
.pd-car-actual-price{font-size:24px}
.download-brochure-box .download-brochure-text{font-size:14px}
.download-brochure-box svg{width:20px;height:20px}
}
@media only screen and (max-width: 900px){
.top-ban-detailBox{padding-top:150px;}
}
@media only screen and (max-width: 800px) {
.pd-description-head{display:inline-block;width:100%}
.pd-col-car-view{float:inherit;text-align:left;display:inline-block;width:100%;margin-top:0}
.finance-box-strip .finance-strip-hp{float:inherit;width:100%;margin-top:0}
.pd-description-head .pd-title-car-view{display:inline-block;width:100%;text-align:center}
.pd-description-head .pd-car-details{width:100%;text-align:center}
.pd-description-head .pd-car-logo{border-right:none;margin:auto;padding:0}
.pd-col-car-view{text-align:center}
.finance-box-strip .finance-strip-message{font-size:14px}
.finance-box-strip .finance-strip-message,.finance-box-strip .finance-strip-hp{width:100%;text-align:center}
.finance-strip-hp .hp-finance-strip a{font-size:14px}
.service-history-box h3,.finance-history-box h3,.specification-box h3,.download-doc-box h3{font-size:18px}
.specification-nav li a{font-size:16px}
.finance-box-strip .finance-strip-message{display:none}
.finance-box-strip{padding:5px;margin-top:5px}
.slidermain-box{margin:10px auto}
}
@media only screen and (max-width: 767px) {
.specification-content .accordion li .sepc-details ul li span{width:70%}
.specification-content .accordion li .sepc-details ul li span:nth-child(2){width:30%}
.vbox-next,.vbox-prev{opacity:0}
}
@media only screen and (max-width: 660px) {
.top-ban-detailBox {padding-top:120px;}
.detailPage-features ul li{width:20%}
.pd-car-details h1{font-size:30px;line-height:inherit;margin:0}
.pd-car-actual-price{font-size:30px}
.download-brochure-box{display:inline-block;width:100%;font-size:14px;margin-top:10px}
.download-brochure-box .download-brochure-text{font-size:14px;vertical-align:middle}
.download-brochure-box svg{width:30px;height:30px;vertical-align:middle}
.pd-col-car-view{margin-top:0}
.finance-box-strip{padding:2px;margin-top:0px;margin-bottom:0px;display:flex;display:-webkit-flex;display:-moz-flex;order:1}
.finance-box-strip .finance-strip-hp{margin-top:0;display:flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;width:auto;font-size:14px}
.finance-strip-hp .hp-finance-strip a{font-size:12px}
.finance-box-strip .finance-strip-hp .from-price{order:2}
.finance-strip-hp .hp-finance-strip{min-width:180px;margin:0}
.product-detail-button-box ul li{margin-top:10px}
.slidermain-box{margin:0 auto}
.product-detail-button-box ul li a{padding:5px;font-size:14px}
.product-detail-button-box ul li a .button-icons svg{width:30px;height:30px}
.detailPage-features ul li span svg{width:30px;height:30px}
.detailPage-features ul li{font-size:14px}
.product-detail-description .left-col-description .pd-car-logo{display:none}
.product-detail-para h3{font-size:16px;}
.product-detail-para p{font-size:13px}
.dp-extra-feature-box .dp-extra-detail{display:inline-block;width:100%}
.dp-extra-feature-box ul.dp-extra-detail li{display:inline-block;width:49%;padding:0;margin-bottom:5px}
.dp-extra-feature-box{padding:20px 0}
.top-ban-detailBox{display:flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;-webkit-flex-direction:column}
.top-ban-detailBox .top-detailBox{order:2;background:#f2f2f2;padding:0}
.slidermain-box{margin:0 auto;height:auto;overflow:hidden}
.productDetailPage{width:100%;margin-left:0;float:inherit;height:auto;padding:0}
.productDetailPage .active{display:flex;display:-webkit-flex;display:-moz-flex;height:auto;position:relative;transition:0;-webkit-transition:0;-moz-transition:0;-ms-transition:0;-o-transition:0}
.productDetailPage .next1,.productDetailPage .next2,.productDetailPage .next3,.productDetailPage .prev1,.productDetailPage .prev2,.productDetailPage .prev3{width:15.8%;height:65px;left:0;top:inherit;right:inherit;bottom:-80px;display:none}
.productDetailPage .next1{left:85%}
.productDetailPage .next2{left:68%}
.productDetailPage .next3{left:51%}
.productDetailPage .prev3{left:34%}
.productDetailPage .prev2{left:17%}
.productDetailPage > .product-slideBox img{width:100%;height:100%;object-fit:cover}
.productDetailPage > .product-slideBox{overflow:hidden}
.productDetailPage .active .main-image-tag-slider,.productDetailPage .expand-detail-image svg{display:none}
.productDetailPage .expand-detail-image{position:absolute;width:100%;height:100%;top:0;left:0}
#darkbox_stats{display:none}
.productSlider .next_button,.productSlider .prev_button{left:0;background:transparent}
.productSlider .next_button{right:0;left:inherit}
.productSlider .next_button i,.productSlider .prev_button i{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,1)}
.productSlider .next_button i{margin-left:5px}
.productSlider .prev_button i{margin-left:-5px}
.productSlider .next_button:hover,.productSlider .prev_button:hover,.productDetailPage .expand-detail-image:hover,.productDetailPage .expand-youtube-video:hover{opacity:1}
.productDetailPage #myvid{width:89%;background:rgba(0,0,0,1);margin:auto}
.productDetailPage .active{background:rgba(0,0,0,1)}
.productSlider{display:flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;-webkit-flex-direction:column}
.pd-car-actual-price.mobile-price-view{display:block;width:100%;margin:0;margin-top:-5px}
.pd-col-car-view .pd-car-actual-price{display:none}
.download-brochure-box a{display:inline-block;padding:5px;border:1px solid #cc0c0c;width:calc(100% - 30px);text-align:center;color:#000;font-size:inherit;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.pd-description-head .pd-title-car-view{display:flex;display:-webkit-flex;display:-moz-flex}
.pd-description-head .pd-car-logo{padding:6px 0px;border-right:1px solid #555;max-width:50px;margin-right:10px}
.pd-description-head .pd-car-details{text-align:left}
.finance-box-strip .container-center{display:flex;display:-webkit-flex;display:-moz-flex;padding:4px 5px 2px;align-items:center}
.pd-car-actual-price sup{font-size:14px;font-weight:400}
.top-pd-car-view{margin-bottom:5px;margin-top:5px}
.pd-car-details h5{font-size:14px}
.flip-container .flipBox-topTag{width:130px;height:130px;right:-5px;top:-5px}
.flip-container .flipBox-topTag .topTag-mesasage{top:45px;font-size:13px}
.flip-container .financeBox-details li .financeBox-detail-value{font-size:14px}
.flip-container .financeBox-price{font-size:22px;line-height:22px}
.flip-container .financeBox-finance{font-size:12px;margin-bottom:20px;font-weight:400}
.flip-container .financeBox-finance .hp-finance{padding:0 2px;font-size:10px}
.flip-container .financeBox-finance .financeBox-finance-price{font-size:16px}
.flip-container .financeBox-option{font-size:14px}
.description-full-width{padding:15px 0;margin-bottom:15px}
.specification-box,.download-doc-box{margin-top:25px}
.specification-content{margin-top:15px}
.specification-content .accordion a{font-size:15px}
.specification-content .accordion li .sepc-details ul li span{font-size:12px}
.download-doc-box ul.pdf-download-links{margin-top:15px}
.download-doc-box .pdf-icons{width:20px}
.download-doc-box ul.pdf-download-links li a{padding:5px 0;font-size:14px}
.service-history-box h3::before,.finance-history-box h3::before,.specification-box h3::before,.download-doc-box h3::before{height:2px}
.service-history-box p{font-size:12px}
.service-history-box ul.service-history-details{padding:10px;margin-bottom:10px;font-size:12px}
.flip-button-box span a{font-size:14px;padding:5px}
}
@media only screen and (max-width: 500px) {
.pd-car-details h1{font-size:24px}
.pd-car-details h5 {font-size: 14px;}
.product-detail-button-box ul li{width:100%;margin-right:0}
.detailPage-features ul li{width:33.3%;margin-top:10px}
.detailPage-features ul li:nth-child(6) span{border-left:1px solid #f2f2f2}
.detailPage-features ul li:nth-child(3n+1) span{border-left:0 solid #f2f2f2}
.detailPage-features{margin:10px 0}
.flip-container .flipper,.flip-container .flip-item{padding:15px 5px}
.flip-container .financeBox-details{font-size:0}
.flip-container .financeBox-details li{width:48%;margin:1%}
.flip-container .financeBox-details li:last-child{width:calc(100% - 10px)}
.flip-container .financeBox-details li span.financeBox-detail-head{font-size:12px}
.flip-container{/*min-height:620px*/}
.service-history-box ul.service-history-details li span{margin-right:0;width:100%;display:inline-block}
.service-history-box ul.service-history-details li.sh-date{padding-bottom:5px}
.service-history-box ul.service-history-details li{padding:0 5px}
}
@media only screen and (max-width: 480px) {
.finance-strip-hp .hp-finance-strip{display:block;max-width:150px;margin:auto;margin-bottom:2px}
}
@media only screen and (max-width: 400px) {
.flip-container .financeBox-details li{width:100%;margin:1% 0}
.flip-container .flipper,.flip-container .flip-item{padding:15px}
.flip-container .financeBox-details li span.financeBox-detail-head{font-size:14px}
.flip-container .financeBox-details li .financeBox-detail-value{font-size:16px}
.flip-container .financeBox-details li:last-child{width:100%}
.flip-container{min-height:1000px}
}