#cd5_355 {overflow:hidden;width:100%;position:relative;clear: left;box-sizing: border-box; padding: 0px; background-color: #ccc; display: block; margin: 0; }
#cd5_355 * { box-sizing: border-box; }
#cd5_355 .m355_bgleftbox { position: absolute; top: 0; left: 0; right: 50%; bottom: 0; background-color: #fff; height: 100%; }
#cd5_355 .m355_bgrightbox { position: absolute; top: 0; right: 0; width: 50%; bottom: 0; background-color: #cc0000; height: 100%; }
#cd5_355 .m355_box { margin: auto; position: relative; z-index: 2;  width: 100%; max-width: 1400px; padding: 0px; z-index: 2; display: flex;  align-items: stretch;justify-content:center; flex-direction: row; }
#cd5_355 .m355_leftbox { flex: 0.40; background-color: #fff; padding-bottom: 100px; }
#cd5_355 .m355_rightbox { flex: 0.60; background-color: #cc0000; color: #fff; padding: 40px; padding-top: 60px; padding-bottom: 100px;  }
#cd5_355 .m355_header { font-size: 30px; font-weight: 900; text-transform: uppercase; }
#cd5_355 .m355_subheader { font-size: 15px; font-weight: 700; text-transform: uppercase; padding-top: 10px; }
#cd5_355 .m355_para { font-size: 14px; line-height: 1.7; padding: 40px 0px; }
#cd5_355 .m355_para a{color:#fff;}
#cd5_355 .m355_footerbox {height:30px; background-color: #fcfcfc; width: 100%; position: relative; z-index: 0;}
#cd5_355 .m355_bgimagebox {margin-bottom: -30px; z-index: 1; position: absolute; bottom: 0; width: 100%; }
#cd5_355 .m355_bgimage {display: block; width: 100%; max-width: 400px; margin-left: -150px; position: relative;}
/* Top Tabs */
#cd5_355 .vehicle-searchBox  { width: 100%; display: inline-block; padding-top: 54px; }
#cd5_355 .vehicle-searchBox ul.m355_tabs {max-width: 100%;  margin: auto; list-style: none;display: flex;flex-wrap: wrap;padding-bottom: 20px;}
#cd5_355 .vehicle-searchBox ul.m355_tabs li {background: none;color: #cc0000;display: inline-block;padding: 15px 1px; width: 180px;  line-height: 1; letter-spacing: 2px; cursor: pointer;border: 1px solid #cc0000; transition-duration: .25s; margin: 10px; text-align: center; font-size: 15px; text-transform: uppercase; font-family: poppinsregular; border-radius: 0px; font-weight: 600;}
#cd5_355 .vehicle-searchBox ul.m355_tabs li.current {background: #cc0000;color: #fff; border-color: #cc0000; }
#cd5_355 .vehicle-searchBox .tab-content{z-index: -1; display: none; opacity:0;height:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#cd5_355 .vehicle-searchBox .tab-content.current{z-index: 1; display: block; opacity:1;height:auto;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
/* Manufacturer Logos */
#cd5_355 .cars_brands{ position:relative;width: 100%;margin: auto; max-width: 1100px; display: flex; flex-wrap: wrap; align-items: stretch; align-content: center; justify-content: flex-start; padding: 4px; }
#cd5_355 .car_brand { width: 20%; margin: 0px; text-align: center; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
#cd5_355 .car_brand:hover { background-color: #fafafa; }
#cd5_355 .car_brand_carosel {width: auto; margin: 0px;}
#cd5_355 .car_bodytype {width: 25%;}
#cd5_355 .m355_img { width: 100%; max-width: 90px; margin: auto; padding: 15px; display: block;}
#cd5_355 .m355_img2 { width: 100%; max-width: 180px!important; margin: auto; padding: 15px; display: block;}
#cd5_355 .m355_totcars { clear: left; display: inline-block; background-color: #3175ac; color: #fff; padding: 10px; border-radius: 4px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; font-size: 15px; font-family: poppinsbold; min-width: 40px; box-shadow: 4px 4px 7px -2px #aaa; }
#cd5_355 .m355_totcarsgap { margin-top: 10px; }
#cd5_355 .m355_totcarsblack {background-color: #000; min-width: 140px; font-family: poppinsregular; }
#cd5_355 .car_bodytitle {padding: 15px 5px; padding-top: 2px; letter-spacing: 2px; color: #575757; font-size: 13px; font-weight: 600; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#cd5_355 .car_brand:hover .car_bodytitle { color: #cc0000; }

@media only screen and (max-width: 1400px) {
       #cd5_355 .cars_brands{ justify-content: center; }
       #cd5_355 .m355_leftbox { flex: 0.45;}
       #cd5_355 .m355_rightbox { flex: 0.55; }
       #cd5_355 .vehicle-searchBox ul.m355_tabs { justify-content: center;  }
       #cd5_355 .m355_img { max-width: 80px; }
       #cd5_355 .car_bodytype {width: 33%;}
}
@media only screen and (max-width: 1000px) {
       #cd5_355 .m355_box { flex-direction: column; }
       #cd5_355 .m355_leftbox { flex: 1; padding-bottom: 20px;}
       #cd5_355 .vehicle-searchBox { padding-top: 20px; }
       #cd5_355 .vehicle-searchBox ul.m355_tabs { padding-bottom: 1px; }
       #cd5_355 .m355_rightbox { flex: 1; }
       #cd5_355 .car_brand { width: auto; }
       #cd5_355 .m355_img { padding: 15px; }
       #cd5_355 .m355_img2 { padding: 15px; }
       #cd5_355 .m355_bgimage { margin: auto; }
       #cd5_355 .m355_bgimagebox { left: 0; }
}
@media only screen and (max-width: 599px) {
       #cd5_355 .m355_header { font-size: 20px;}
       #cd5_355 .m355_rightbox { padding-left: 20px; padding-right: 20px; padding-top: 40px; text-align: center; }
}

