#cd5_m278 {box-sizing: border-box; position: relative; clear: left; font-family: poppinsregular; margin: 0; padding: 0;}
#cd5_m278 * {box-sizing: border-box; }
*:focus {outline: none !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}
#cd5_m278 .cd5_triangle { z-index: 2;}
#cd5_m278 .car-featured-wrapper {display: block;position: relative;width: 100%;padding: 100px 0px;overflow: hidden;}
#cd5_m278 .car-featured-wrapper .bottom-right { width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; z-index: 2; display: none;}
#cd5_m278 .car-featured-wrapper .bottom-left { width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; z-index: 2; display: none;}
#cd5_m278 .car-featured-wrapper .top-left { width: 100%; height: 50px; position: absolute; top: 0; left: 0; z-index: 2; display: none;}
#cd5_m278 .car-featured-wrapper .top-right { width: 100%; height: 50px; position: absolute; top: 0; left: 0; z-index: 2; display: none;}
#cd5_m278 .container-center {max-width: 1400px;margin: auto;position: relative;}
#cd5_m278 .car-feature-container {display: flex; display: -webkit-flex; display: -moz-flex; position: static;}
#cd5_m278 .carFeature-detailBox::before {content: '';position: absolute;background: rgba(0,0,0,0.4);width: 100%;height: 100%;left: 0;top: 0;}
#cd5_m278 .car-featured-leftCol {width: 100%;padding: 0px; z-index: 1;}
#cd5_m278 .carFeature-detailBox {display: flex;display: -webkit-flex;display: -moz-flex;align-items: flex-start;width: 100%;height: 100%;position: absolute;left:0;top:0;opacity:0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; background-repeat: no-repeat;  background-position: center center;  background-size: cover;}
#cd5_m278 .bgImageBox {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 0; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; background-repeat: no-repeat;  background-position: center bottom;  background-size: cover;}
/*#cd5_m278 .car-featured-wrapper:hover .carFeature-detailBox {transform: scale(1.1);}*/
#cd5_m278 .carfeature-text-cont {display: flex;display: -webkit-flex;display: -moz-flex;position: relative;max-width: 1400px;width: 100%;margin: 0 auto;padding: 100px 15px;flex-direction: column; height: 100%;}
#cd5_m278 .carFeature-paragraph { z-index: 1;width: calc(100% - 520px);}
#cd5_m278 .carFeature-logo {width: 70px; margin-top: 0px;z-index:1;}
#cd5_m278 .carFeature-logo img {width: 100%; display: block;}
#cd5_m278 .carFeature-paragraph h1 {font-size: 36px; margin: 0px; padding: 0px; padding-top: 10px; line-height: 1.5; }
#cd5_m278 .carFeature-paragraph h2 {margin-bottom: 30px;font-size: 20px; font-weight: normal; }
#cd5_m278 .carFeature-paragraph p {margin-bottom: 30px;font-size: 14px; line-height: 24px;}
#cd5_m278 .carFeature-paragraph {z-index:1;}
/*#cd5_m278 .view-detail-but1 {padding: 12px 18px; border-radius: 4px;font-size: 14px;text-transform: uppercase;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}*/
#cd5_m278 .car-featured-rightCol {max-width: 500px;width: 100%; padding-right: 0px;}
#cd5_m278 .featured-vehicle-flip-box {width: 100%;display: inline-block;box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#cd5_m278 .car-flip-head { padding: 15px; font-size: 20px; font-family: poppinsregular; text-transform: uppercase; letter-spacing: 1px; }
#cd5_m278 .car-flip-head strong { font-family: poppinssemibold; }
#cd5_m278 .car-flip-image {position: relative;height: 300px;width: 100%; background-repeat: no-repeat;  background-position: center bottom;  background-size: cover; overflow: hidden;}
#cd5_m278 .car-flip-price { position: absolute;bottom: 0;display: flex;display: -webkit-flex;display: -moz-flex;width: 100%; padding: 15px 30px;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-actual-price, #cd5_m278 .featured-vehicle-flip-box .car-flip-pm-price {width: 100%;display: flex;display: -webkit-flex;display: -moz-flex;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-actual-price {font-size: 34px;font-weight: 700;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-pm-price {flex-direction: column;text-align: right;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-price .from-price {font-size: 24px;line-height: 24px;font-weight: 300;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-price .from-price span {font-size: 16px;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-price .from-price strong {font-weight: 700;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-price .flip-pm-sub {font-size: 12px;}
#cd5_m278 .car-flip-name-card { width: 100%; font-size: 30px;font-weight: 700; line-height: 1; min-height: 100px; display: flex; flex-direction: column; flex-direction: column; justify-content: center; padding: 0px 15px; padding-right: 5px;}
#cd5_m278 .car-flip-car-sub {font-size: 15px;font-weight: 400; padding-top: 8px; line-height: 1.4;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-view-detail {padding: 15px;display: inline-block;margin: 15px 0px; margin-top: 12px;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-view-detail a {padding: 12px 18px; border-radius: 4px;font-size: 14px;text-transform: uppercase;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#cd5_m278 .car-featured-rightCol .hsa-swap {position: absolute;right: 0px;bottom: 35px;width: 100px;}
#cd5_m278 .hsa-swap .swiper-button-next::after, #cd5_m278 .hsa-swap .swiper-button-prev::after {opacity: 0; }
#cd5_m278 .hsa-swap .swiper-button-next i, #cd5_m278 .hsa-swap .swiper-button-prev i {font-size: 28px; }
@media only screen and (max-width: 1000px) {
       #cd5_m278 .car-featured-rightCol {max-width: 1000px; padding: 80px 80px;}
       #cd5_m278 .car-flip-image {height: 500px;}
       #cd5_m278 .car-featured-wrapper { padding: 0px; }
       #cd5_m278 .car-featured-wrapper {padding: 0px;}
       #cd5_m278 .carfeature-text-cont { display: none; }
}
@media only screen and (max-width: 820px) {
       #cd5_m278 .car-featured-rightCol { padding: 60px;}
       #cd5_m278 .car-flip-image {height: 400px;}
}
@media only screen and (max-width: 720px) {
       #cd5_m278 .car-featured-rightCol { padding: 40px;}
       #cd5_m278 .car-flip-image {height: 300px;}
       #cd5_m278 .car-featured-wrapper .bottom-right { height: 30px; }
       #cd5_m278 .car-featured-wrapper .bottom-left { height: 30px; }
       #cd5_m278 .car-featured-wrapper .top-left { height: 30px; }
       #cd5_m278 .car-featured-wrapper .top-right { height: 30px; }
}
@media only screen and (max-width: 550px) {
       #cd5_m278 .car-featured-rightCol { padding: 15px;}
       #cd5_m278 .car-flip-price { padding: 15px; }
       #cd5_m278 .car-flip-car-title { font-size: 20px; }
       #cd5_m278 .featured-vehicle-flip-box .car-flip-price .from-price {font-size: 18px;}
       #cd5_m278 .featured-vehicle-flip-box .car-flip-price .flip-pm-sub {font-size: 10px;}
       #cd5_m278 .car-featured-wrapper .bottom-right { height: 15px; }
       #cd5_m278 .car-featured-wrapper .bottom-left { height: 15px; }
       #cd5_m278 .car-featured-wrapper .top-left { height: 15px; }
       #cd5_m278 .car-featured-wrapper .top-right { height: 15px; }
}
@media only screen and (max-width: 450px) {
       #cd5_m278 .car-flip-car-title { font-size: 17px; }
}

#cd5_m278 .car-featured-wrapper {background-color: #000;}
#cd5_m278 .car-featured-wrapper .bottom-right { fill: #fff; }
#cd5_m278 .car-featured-wrapper .bottom-left { fill: #fff;}
#cd5_m278 .car-featured-wrapper .top-left { fill: #fff;}
#cd5_m278 .car-featured-wrapper .top-right { fill: #fff;}
#cd5_m278 .featured-vehicle-flip-box {background: #fff;}
#cd5_m278 .carFeature-paragraph {color: #fff;}
#cd5_m278 .car-flip-name-card { border-bottom: 1px solid #eee; }
/*#cd5_m278 .view-detail-but1 { background: #fff;color: #000;border: 1px solid #000;}
#cd5_m278 .view-detail-but1:hover {background: #000;color: #fff;}*/
#cd5_m278 .car-flip-head { background: #000; color: #fff; }
#cd5_m278 .car-flip-price { background: rgba(0,0,0,0.5); color: #fff; }
#cd5_m278 .featured-vehicle-flip-box .car-flip-view-detail a { background: #565656;border:1px solid #565656;color: #fff;}
#cd5_m278 .featured-vehicle-flip-box .car-flip-view-detail a:hover {background: #fff;color: #565656;}
#cd5_m278 .swiper-button-next, #cd5_m278 .swiper-button-prev { color: #e10000; }

