.m422VehicleLine3{padding: 15px 0px; font-size: 13px;} .stock-list-page{display:inline-block;background-color:#111; color: #fff;line-height:1.3;width:100%;font-family:Montserrat;} .tab,.tab-search-form{text-align:left} .tab{border-bottom:transparent;margin-bottom:0} .stock-list-tab-btn{position:relative;padding-top:270px;text-align:left} .topic-title{color:#fff;text-align:left;padding-top:0;font-weight:700;font-size:37px;font-weight:900;line-height:39px;padding-bottom:30px} .tab button{color:#000;background-color:#4b5b64;cursor:pointer;text-transform:uppercase;border-radius:0;font-size:20px;line-height:50px;text-align:center;outline:0;padding:0;transition:.3s;border:transparent;margin-bottom:0;width:240px;border-top:none;position:relative;text-transform:capitalize} .tab button.active,.tab button:hover{background-color:#ee383a;border-color:#ee383a;color:#000} .tab button.active span,.tab button:hover span{padding-bottom:0;display:inline-block} .tab button span{border-bottom:none;padding-bottom:0;display:inline-block;font-weight:700;text-transform:uppercase} .stock-list{background:url(/asset/images/stock-list_bg_v5.jpg) center bottom no-repeat;display:block;padding:77px 0 0;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:390px;padding-top:0} .stock-list:before{content:'';width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background:-moz-linear-gradient(top,rgba(30,35,38,0) 0%,rgba(30,35,38,0.77) 64%,rgba(30,35,38,1) 83%);background:-webkit-linear-gradient(top,rgba(30,35,38,0) 0%,rgba(30,35,38,0.77) 64%,rgba(30,35,38,1) 83%);background:linear-gradient(to bottom,rgba(30,35,38,0) 0%,rgba(30,35,38,0.77) 64%,rgba(30,35,38,1) 83%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e2326',endColorstr='#1e2326',GradientType=0)} .stock-list-page .tab-content{margin-top:0;position:relative;display:block;width:100%} .stock-list-page .tabcontent{display:none;padding:0;border-top:none;font-size:14px;line-height:26px;font-weight:300} .innerWhiteBox{padding:0;box-shadow:none;width:100%;position:relative;z-index:9} .innerWhiteBox.webbe-search-bar{background-color:transparent;box-shadow:none;overflow:hidden} .innerWhiteBox.webbe-search-bar .accordion-section{padding:0;border:none;display:table;width:100%} .innerWhiteBox.webbe-search-bar .form-inline{display:table;width:100%;font-size:0} .innerWhiteBox.webbe-search-bar .select2-container--default .select2-selection--single{border-right:0 solid #e5e5e5} .innerWhiteBox.webbe-search-bar .select2-selection__arrow{position:absolute;top:0;right:0;width:64px;border-right:none;border-left:none;height:55px;background-color:transparent;bottom:0} .innerWhiteBox .colmd-2{width:20%;width:calc(100%/5);display:table-cell;margin-right:0;float:inherit;vertical-align:top} .innerWhiteBox .custom-form-group,.innerWhiteBox .custom-form-group .search-btn-landing{display:table-cell;border-collapse:separate} .innerWhiteBox .custom-form-group .search-btn-landing{background-color:#ee383a;color:#000; border: solid 1px #ee383a; border-radius:0;float:right;vertical-align:middle;width:100%;font-size:16px;border:none;position:relative;z-index:1;font-weight:700;outline:none;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;} .innerWhiteBox .custom-form-group .search-btn-landing:hover{background-color:#777;color:#fff; border-color:#777} .innerWhiteBox .custom-form-group .search-btn-landing:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)} .stock-list-page .select2-selection__rendered{padding-left:25px;padding-right:20px;color:#fff;} .stock-list-page .select2-selection__arrow{position:absolute;top:10px;right:15px;width:60px;border-left:none;height:30px} .stock-list-page .select2-container--default .select2-selection--single .select2-selection__arrow b{background:url(/asset/images/chev-down-black.png) center center no-repeat;border-width:0!important;border-color:transparent!important;width:20px!important;height:15px!important;margin-left:0!important;margin-top:-4px!important;background-size:17px; filter: invert(1); -webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear} .stock-list-page .select2-results__option{padding:14px 6px} .stock-list-page .select2-container--default .select2-results__option[aria-selected=true]{background-color:#ee383a;color:#000} .stock-list-page .filter{width:300px;margin-left:5px} .stock-list-page .filter .select2-selection--single{border-radius:0} .stock-list-page .filter .select2-selection__arrow,.last-child-border-rm .select2-selection__arrow{border-right:none!important} .accordion-section{padding:15px 0 0;display:inline-block;position:relative;border:none;border-top:1px solid transparent;width:100%} .stock-list-page .custom-form-control{display:block;width:100%;background-color:#000;background-image:none;border-radius:0;box-shadow:none;padding-left:25px;padding-right:20px;-webkit-box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none;border-left:none;border-right:none;border-top:none;font-size:14px;outline:0;text-transform:uppercase;border-bottom:none} .custom-form-group{display:inline-block;float:right} .displaying_nos{display:inline-block;padding-top:15px} .adjust-quote-form .deposit{width:42.4%;margin-right:0;float:inherit;position:relative;vertical-align:top} .adjust-quote-form .deposit input{border:1px solid #e5e5e5} .adjust-quote-form .milage,.adjust-quote-form .term{width:29.2%;margin-right:0;float:inherit;vertical-align:top} .adjust-quote-form .btn-adjust{display:inline-block} .adjust-quote-form{position:relative;display:block;width:100%} .center-block{display:block;text-align:center} .stock-list-page .tab-content{margin-top:0;position:relative;display:block;width:100%} .tab-content{border:none;position:relative;margin-top:30px} .tabcontent{display:none;padding:0;border-top:none;font-size:14px;line-height:26px;font-weight:300} .owl-carousel.owl-drag .owl-item .item svg{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;z-index:-1;fill:#ee383a;width:100px;height:100px} .tabcontent .innerWhiteBox.webbe-search-bar .select2-selection__arrow{background-color:transparent;height:30px;top:10px} .btn.btn-outline{padding:10px 30px;text-transform:uppercase;letter-spacing:1px;-webkit-box-shadow:none;box-shadow:none;height:50px;width:273px;font-size:16px;font-weight:800;line-height:26px;text-align:center;display:inline-block;vertical-align:middle;position:relative;outline:none;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear} .tabcontent .innerWhiteBox.webbe-search-bar .last-child-border-rm .select2-selection__arrow{border-right:none} .select2-selection__rendered{text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:14px;text-align:left;color:#111} .select2-container .select2-results__option{text-transform:uppercase;line-height:25px} .select2-container--default .select2-selection--single{background-color:#000;border:1px solid #e5e5e5} .accordion-section .select2-container--default .select2-selection--single{background-color:#000} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#666666;color:#fff} .select2-container--default .select2-search--dropdown .select2-search__field{line-height:25px} .stock-list-page .custom-form-control,.showallstock-btn,.tab button,.innerWhiteBox .custom-form-group .search-btn-landing,.stock-list-page .select2-container--default .select2-selection--single{height:55px} .stock-list-page .custom-form-control,.stock-list-page .select2-selection__rendered{line-height:55px} .sky-blue-btn{font-weight:400;background-color:#111;color:#000;border-color:#111} .sky-blue-btn:hover{border-color:#111;background-color:#000;color:#111} .adjust-quote-form .deposit .stock-list-page .custom-form-control{background-color:#000} .sort-list-grid-wrap{margin-top:30px;display:inline-block;width:100%; margin-bottom: 20px;} .grid-list-box{display:inline-block;float:right; display: none;} .grid-list-box span{margin-right:5px;cursor:pointer;display:inline-block;background-color:#000;border:1px solid #e5e5e5;text-align:center;width:55px;height:55px;vertical-align:top;padding-top:10px} .grid-list-box span:hover{opacity:.5} .grid-list-box i{font-family:FontAwesome;font-size:30px} .grid-list-box svg{width:30px;height:30px;fill:#111;stroke:#000; display: none;} .showallstock{float:right;margin-right:10px} .showallstock .showallstock-btn{color:#000;font-weight:700;font-size:16px;text-transform:uppercase;border:1px solid #333;background-color:#333;cursor:pointer;width:auto;padding:0 15px} .container-center{max-width:1660px;margin:0 auto} .list-box-wrapper{display:inline-block;width:100%;margin-top:30px} .list-box-view{display:flex;display:-webkit-flex;display:-moz-flex;display:inline-block; border-radius: 10px; background-color: #000; padding:0px;float:left;width:100%;font-size:0; overflow: hidden;} .left-col-car-view{width:55%;max-width:740px;float:left;display:flex;display:-webkit-flex;display:-moz-flex} .left-col-car-view .car-full-view{width:75%;float:left;position:relative; } .left-col-car-view .car-full-view a{display:inline-block;position:relative;width:100%} .left-col-car-view .car-full-view img{width:100%; /*border-top-left-radius: 10px; border-top-right-radius: 10px; */} .grid-column .left-col-car-view .car-full-view .imgspin img{width:100%; object-fit:cover; /* border-top-left-radius: 10px; border-top-right-radius: 10px; */ -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;} .grid-4-row .left-col-car-view .car-full-view .imgspin { height:0px; padding-bottom: 75%; overflow: hidden; /* border-top-left-radius: 10px; border-top-right-radius: 10px; */ } .grid-4-row .left-col-car-view .car-full-view .imgspin img{width:100%;height: 100%;object-fit:cover; position: absolute;} .list-box-wrapper.grid-4-row:hover .left-col-car-view .car-full-view .imgspin img{ transform:scale(1.25); } .grid-column .feat-labels,.grid-4-row .feat-labels{display:none} .left-col-car-view .car-full-view .labelaa{position:absolute;z-index:2;width:85px} .grid-4-row .left-col-car-view .car-full-view .labelaa{width:64px} .left-col-car-view .car-full-view .car-tag-box{position:absolute;width:148px;height:148px;left:-5px;top:-5px;z-index:1} .car-tag-box .car-tag-message{width:100%;position:absolute;left:-10px;top:48px;color:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);text-shadow:0 1px 5px rgba(0,0,0,0.5);font-size:12px;font-weight:600;text-align:center} .car-angle-view{width:25.8%;padding-left:15px;float:left;display:flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;flex-flow:column;overflow:hidden} .car-angle-view span{display:block;flex:1 0 auto} .car-angle-view span:nth-child(2){padding:10% 0} .car-angle-view span img{width:100%;/*height:105px;*/object-fit:cover} .right-col-car-details{width:45%;max-width:800px;float:left;padding-left:15px;display:flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;line-height:1.5} .view-car-logo{display:inline-block;margin-bottom:5px; display: none;} .view-car-logo img{max-height:40px} .car-description-head{position:relative} .car-description-head .title-car-view{display:inline-block;width:100%;position:relative; padding: 0px 15px;} .car-description-head .car-youtube-link{position:absolute;width:40px;right:5px;top:-5px} .car-description-head .car-youtube-link a{display:block} .view-car-details h1{font-size:30px;font-weight:500} .view-car-details h1 strong{font-weight:700;margin-right:5px; text-transform: capitalize;} .view-car-details h5{font-size:16px;font-weight:400;text-transform: capitalize;} .car-specific-detail{display:block;margin-top:10px} .car-specific-detail ul li{display:inline-block;padding:4px 10px;border-right:1px solid #a0c3e5;font-size:16px;font-weight:600} .grid-column .car-specific-detail ul li{padding:4px 5px;} .car-specific-detail ul li:first-child{padding-left:0} .car-specific-detail ul li:last-child{border-right:0 solid #a0c3e5;padding-right:0} .car-specific-price{text-align:right} .car-specific-price .car-actual-price{font-size:40px;font-weight:700} .car-specific-price .car-actual-price .vatspan{font-weight:500;font-size:10px;vertical-align:super} .car-specific-price .car-finance-pm{font-size:14px;font-weight:500} .car-specific-price .car-finance-pm .hp{background:#transparent;padding:2px 4px;color:#fff;border:1px solid #fff;} .car-specific-price .car-finance-pm strong{font-size:20px;font-weight:700;display:inline-block} .car-specific-price a{color:inherit;} .car-detail-buttons{padding: 0px 15px; display:inline-block;width:100%;overflow:hidden;position:relative;top:0;text-align:center;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-align-items:center;align-items:center;justify-content:center;} .car-detail-buttons .car-detail-btn.reserve-car-btn{width:100%;text-align:center} .car-detail-buttons .car-detail-btn{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-webkit-flex:1;-webkit-box-flex:1;-moz-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-flex:0 1;width: 100%;} /*.car-detail-buttons .car-detail-btn:nth-child(2),.car-detail-buttons .car-detail-btn:nth-child(4){margin-left:10px} */ .car-detail-buttons .button-icons,.car-reserve-buttons .button-icons{display:none} .car-detail-buttons .button-icons svg{width:20px;height:20px;vertical-align:middle;margin-right:5px} .car-reserve-buttons .button-icons svg{width:30px;height:30px;vertical-align:middle;margin-right:5px} .car-detail-buttons .car-detail-btn svg,.car-reserve-buttons .car-reserve-btn svg{fill:#fefefe} .car-detail-buttons .car-detail-btn:hover svg,.car-reserve-buttons .car-reserve-btn:hover svg{fill:#000} .car-detail-btn.detail-car-btn:hover svg,.car-detail-btn.detail-car-btn svg{fill:#fff; fill:#000;} /*.car-detail-btn.detail-car-btn:hover svg {fill:#fff;} */ .car-reserve-btn, .reserve-car-btn {padding: 0px 15px;} .car-detail-buttons .car-detail-btn a{ line-height: 1;display:block;width:100%;text-align:center;font-size:13px;margin-top:10px;padding:15px 10px;color:inherit;text-transform:uppercase;border:1px solid #fff; background-color: #000; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .car-detail-buttons .car-detail-btn.detail-car-btn a{background:#fff;border:1px solid #fff;color:#111;width:100%} .car-detail-buttons .car-detail-btn.detail-car-btn a:hover{background:#ccc;border:1px solid #ccc;color:#000} .car-detail-buttons .car-detail-btn a:hover{background:#ccc;border:1px solid #ccc;color:#000} .car-reserve-buttons{display:block;clear:both;position:relative} .car-reserve-buttons .car-reserve-btn a,.car-reserve-buttons .car-reserve-btn button{display:block;width:100%;margin-top:10px;text-align:center;font-size:14px;line-height:1;padding:15px 10px;color:#000;text-transform:uppercase;border:1px solid #fff;cursor:pointer;} .car-reserve-buttons .car-reserve-btn.reserve-car-btn a{/*font-size:24px;font-weight:500;*/ color: #fff; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .car-reserve-buttons .car-reserve-btn.reserve-car-btn a:hover{background:#ccc; color: #000; border-color: #ccc;} .car-list-view-table{display:inline-block;width:100%;border:1px solid #e0e0e0} .car-list-view-table thead tr{background:#ababab;color:#000} .car-list-view-table thead tr th:first-child,.car-list-view-table thead tr th:last-child,.car-list-view-table tbody tr td:first-child,.car-list-view-table tbody tr td:last-child{border-right:0 solid #000} .car-list-view-table thead tr th{font-size:12px;text-align:center;font-weight:400;padding:5px;border-right:1px solid #000} .car-list-view-table tbody tr td{font-size:12px;text-align:center;font-weight:400;padding:5px;border-right:1px solid #000} .car-list-view-table tbody tr td .hp{display:inline-block;width:40px;background:#cc0c0c;padding:2px 4px;color:#000;border:1px solid #cc0c0c} .car-list-view-table tbody tr td a .table-apply-btn{background:#000;border:1px solid #000;color:#000;padding:2px 10px;font-size:12px;cursor:pointer} .car-list-view-table tbody tr td a .table-apply-btn:hover{background:#cc0c0c;border:1px solid #cc0c0c;color:#000} .car-list-view-table tbody tr:nth-child(odd){background-color:#ebebeb} .car-list-view-table tbody tr:nth-child(even){background-color:#dbdbdb} .car-list-view-table h4{text-transform:uppercase;text-align:center;padding:4px;font-size:12px} .rep_example .cw_bottom_msg{padding-top:20px} .list-box-wrapper.grid-column{width:33.1%;width:calc(100%/3 - 4px);padding:6px;vertical-align:top} .list-box-wrapper.grid-column .view-car-details{overflow:hidden} .list-box-wrapper.grid-column .left-col-car-view{width:100%;margin-bottom:15px} .list-box-wrapper.grid-column .right-col-car-details{display:inline-block;width:100%;padding:0} .list-box-wrapper.grid-column .left-col-car-view .car-full-view{display:inline-block;width:100%} /*.list-box-wrapper.grid-column .car-detail-buttons .car-detail-btn:nth-child(2),.list-box-wrapper.grid-column .car-detail-buttons .car-detail-btn:nth-child(4){margin-left:10px} */ .list-box-wrapper.grid-4-row .right-col-car-details .car-detail-buttons .car-detail-btn{padding:0px 0px} .list-box-wrapper.grid-column .right-col-car-details .car-detail-buttons .request-car-btn.request_fullwidth{width:100%} .list-box-wrapper.grid-column .right-col-car-details .car-detail-buttons .request-car-btn.request_notop{margin-top:0%;margin-right:0%} .list-box-wrapper.grid-4-row .right-col-car-details .car-detail-buttons .request-car-btn.request_notop{margin-top:2%} .list-box-wrapper.grid-column .car-detail-buttons .car-detail-btn:nth-child(2){/*margin:0 2%;float:right;*/} .list-box-wrapper.grid-4-row .car-detail-buttons .car-detail-btn:nth-child(2){/*margin:0%;margin-top:3%*/} .list-box-wrapper.grid-column.margin-lr-center{margin-left:0;margin-right:0} .list-box-wrapper.grid-column .list-box-view{position:relative;flex-direction:column; background-color: #000; padding: 0px; padding-bottom: 15px;} .list-box-wrapper.grid-column .car-list-view-table{display:none} .list-box-wrapper.grid-column .list-box-view .car-angle-view{display:none} .list-box-wrapper.grid-column .list-box-view .car-detail-btn.request-car-btn{/*display:none*//*margin-top:2%;margin-left:0%*/} .list-box-wrapper.grid-column .list-box-view .car-detail-buttons .car-detail-btn.finance-car-btn{/*margin-right:0*/} .list-box-wrapper.grid-column .list-box-view .car-specific-price{text-align:left; margin: 0px 15px; border-top: solid 1px #777; padding-top: 10px;} .list-box-wrapper.grid-column .car-youtube-link{width:30px} .list-box-wrapper.grid-column .car-description-head .title-car-view{width:100%} .list-box-wrapper.grid-column .view-car-details h1{font-size:20px;line-height:24px;margin-bottom:10px;margin-top:10px; text-transform: capitalize;} .list-box-wrapper.grid-column .view-car-details h5{font-size:14px;min-height:50px} .list-box-wrapper.grid-column .car-specific-detail ul li{font-size:14px} .list-box-wrapper.grid-column .car-specific-price .car-actual-price{font-size:24px} .list-box-wrapper.grid-4-row{ width:calc(100%/4 - 16px);padding:0px; margin: 10px 8px; background-color: #000; border-radius: 10px; vertical-align:top; box-shadow: 0px 0px 0px #444;} .list-box-wrapper.grid-4-row .list-box-view{display:block} .list-box-wrapper.grid-4-row .car-full-view{display:inline-block;width:100%} .list-box-wrapper.grid-4-row .car-angle-view{display:none} .list-box-wrapper.grid-4-row .left-col-car-view,.list-box-wrapper.grid-4-row .right-col-car-details{width:100%} .list-box-wrapper.grid-4-row .right-col-car-details{padding:0} .list-box-wrapper.grid-4-row .right-col-car-details .car-detail-buttons .car-detail-btn{width:100%} /*.list-box-wrapper.grid-4-row .right-col-car-details .car-detail-buttons .car-detail-btn:nth-child(1), .list-box-wrapper.grid-4-row .right-col-car-details .car-detail-buttons .car-detail-btn:nth-child(2){width:100%}*/ .list-box-wrapper.grid-4-row .list-box-view .car-detail-buttons .car-detail-btn.finance-car-btn{/*margin:0;margin-top:2%*/} .list-box-wrapper.grid-4-row .car-reserve-buttons .car-reserve-btn.reserve-car-btn a{/*font-size:18px*/} .list-box-wrapper.grid-4-row .view-car-details h1{font-size:20px; margin: 4px 0px; min-height: 80px;} .list-box-wrapper.grid-4-row .car-specific-detail ul li{font-size:12px;padding:4px 5px} .list-box-wrapper.grid-4-row .car-tag-box{width:110px;left:-4px;top:-4px} .list-box-wrapper.grid-4-row .car-tag-box .car-tag-message{top:35px;font-size:10px} .list-box-wrapper.grid-4-row .car-specific-price .car-finance-pm{font-size:12px; height: 25px;} .list-box-wrapper.grid-4-row .car-specific-price .car-finance-pm strong{font-size:14px} .featured_tick{position:relative;width:100%;display:block;margin-bottom:5px} .featured_tick ul{list-style:none;text-align:center;display:table;table-layout:fixed;width:100%} .featured_tick ul li{display:inline-block;float:left;padding:10px;padding-left:0px;padding-bottom:0px;vertical-align:middle} .featured_tick ul li .fa{font-size:20px;line-height:24px;color:#cc0c0c;margin-right:5px;vertical-align:middle} .featured_tick ul li a{color:inherit;font-size:11px;line-height:24px;text-transform:uppercase;text-decoration:none;font-weight:600;vertical-align:middle} .reserve_label{margin:10px 0;font-size:24px;line-height:1.2;text-transform:uppercase} .list-box-wrapper.grid-column .featured_tick,.list-box-wrapper.grid-4-row .featured_tick{display:none} .list-box-wrapper.grid-column .reserve_label,.list-box-wrapper.grid-4-row .reserve_label{display:none} a.linkdisabled{color:#ccc!important;pointer-events:none} .pagination{display:block;text-align:center;padding:20px 0} .stock-list-page .pagination a{color:inherit;font-size:12px;text-transform:uppercase;border-bottom:2px solid transparent;display:inline-block;padding:0 8px;background-color:transparent} .stock-list-page .pagination a.active{border-bottom:2px solid #ececec} .stock-list-page .pagination a:hover:not(.active){background-color:transparent;color:inherit} .rep_example{display:block;padding-top:20px;padding-bottom:20px} .stock-disclaimer{color:inherit;display:block;width:100%;font-size:14px;line-height:20px;padding-bottom:20px} .clearfix{clear:both} .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:#db4333;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#000;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%} .ribbon.reserveStrap .inner-ribbon{background-color: #44af09;} .ribbon.reserveStrap span{font-size:16px;} .grid-4-row .ribbon.reserveStrap{display:none} .grid-4-row .ribbon{display:none} .ribbon.soldStrap .inner-ribbon{background-color: #d00606;} .ribbon.soldStrap span{font-size:18px;} .grid-4-row .ribbon.soldStrap{display:block} .list_atgrabber{position: absolute;width: 100%;bottom: 0;padding:15px 16px;background-color: rgba(0,0,0,0.8); border-top: solid 1px #ccc; color: #fff;font-size:11px;line-height:1;text-align: left;white-space: nowrap;text-transform: capitalize;overflow: hidden; font-weight: 600;} .stocklist-advt{display:block;width:100%;margin-top:25px;line-height:1.2;border:1px solid transparent;box-shadow:none} .stocklist-advt.showadvt-updown{display:block} .grid4 .stocklist-advt{display:none} .mycarcredit{background-color:#44af09} .carpara p{display:inline-block;margin:0px;font-size:14px;} .grid-column .carpara p{font-size:12px;} .ifc-banner{background-color:#e9f8ff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;padding:10px;margin-top:10px} .grid-column .ifc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:15px;margin-bottom:0px;} .ifc-banner .ifc-inner{text-align:center} .ifc-banner svg{max-width:80px;margin:auto;display:block} .ifc-banner h3{font-size:20px;color:#1b5ba2;margin-bottom:0;text-transform:none} .ifc-banner p{color:#555;font-size:16px;line-height:1.4;margin:8px 0} .ifc-banner a{color:#fff;background:#1b5ba2;padding:5px 10px;font-size:14px;font-weight:700;border-radius:5px;min-width:100px;text-align:center;white-space:nowrap;text-decoration:none} .silverbullet-btns{margin-bottom:5px;} .silverbullet-btns .car-reserve-btn button{height:45px;padding:10px 5px;} .silverbullet-form{width:100%;} .rac_banner{display:inline-block;width:100%;background-color: #010101;text-align: center;height: 220px;margin-top:30px;} .rac_banner img{object-fit: cover;width: 100%;max-height: 220px;} .stock-list-page a.reservelinkrac { background-color: #ff5000; height: 43px; color: #000; display: inline-block; width: 100%; box-sizing: border-box;cursor: pointer;} .stock-list-page a.reservelinkrac img { height: 22px; width: auto; display: inline-block; margin-left: 10px; margin-right: 0px; } .stock-list-page a.reservelinkrac span { display: inline-block; padding: 0px 4px; line-height: 1.05; text-transform: uppercase; font-weight:400; font-size: 12px; letter-spacing: 0.7px; } .stock-list-page a.reservelinkrac .fa-download { float: right; color: #000; -webkit-transition: width 0.4s; transition: width 0.4s; margin: 10px; margin-bottom: 0px; margin-top: 11px; text-align: left; border: 0px; padding: 0px; display: inline-block; font-size: 20px; } .stock-list-page a.reservelinkrac .fa-download {display: none;} .stock-list-page a.reservelinkrac:hover .fa-download { color: #000; } .click_reg_plate{height:42px;line-height:36px;width:160px;background-color:#000;background-image:url(/asset/images/plate.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:left center;background-clip:border-box;background-origin:padding-box;font-weight:700;background-size:auto auto;font-size:22px;font-weight:700;color:#000;border:solid 4px #000;box-sizing:border-box;text-align:center;padding:0 0 0 15px;margin:0px 0 10px 10px;position:absolute;right:0;top:0} .aa-inspection-button{display: block;position: relative;padding:5px 0;} .aa-inspection-button a{color: #000;display: inline-block;width: 100%;font-size:24px;font-weight: 500;text-align: center;padding: 5px 10px;text-transform: uppercase;border: 1px solid #a9a9a9;cursor: pointer;} .aa-inspection-button img{display: inline-block;vertical-align: middle;} .grid-4-row .car-detail-buttons .car-detail-btn a .request{display:none;} .stock-list-page .pagecontent { padding-top: 25px; line-height: 1.6; display: none; } /*.innerWhiteBox.webbe-search-bar .cd_grid .select2-container--default .select2-selection--single*/ .cd_grid{display:flex;flex-wrap:wrap;} .cd_grid .custom-form-group{display:flex;flex-grow:1;flex-basis:0;flex:0 calc(100%/4);width:calc(100%/4);} .cd_grid .custom-form-group:last-child .select2-container--default .select2-selection--single{border-right:1px solid #e5e5e5;} .cd_grid .select2-container--default .select2-selection--single .select2-selection__arrow b{background-size:14px;filter:opacity(0.6);} /* Search top box */ /*.stock-list-page .select2-selection__rendered {color: #fff;} */ #veh_search .select2-selection--single {border-color: #353535;} #veh_search .container-centerP0, #veh_search .container-center {padding: 0px;} #veh_search .search-btn-landing {border: solid 1px #353535; color: #fff;} #veh_search .search-btn-landing:hover {border: solid 1px #ddd; background-color: #ddd; color: #000;} @media only screen and (max-width:1400px) { .list-box-view{padding:15px} } @media only screen and (max-width:1366px) { .car-detail-buttons .car-detail-btn a{font-size:12px} .car-reserve-buttons .car-reserve-btn a, .car-reserve-buttons .car-reserve-btn button{font-size:12px} } @media only screen and (max-width:1320px) { .list-box-wrapper.grid-4-row{width: calc(33.33% - 16px)!important;} .grid-list-box span.per-4-icon{display:none} .grid-4-row .left-col-car-view .car-full-view .imgspin img{height:auto;} .car-specific-detail{margin-top:10px} .car-detail-buttons .car-detail-btn a,.car-reserve-buttons .car-reserve-btn a,.car-reserve-buttons .car-reserve-btn button{padding: 15px 10px;} .car-reserve-buttons .car-reserve-btn.reserve-car-btn a{font-size:12px} .car-specific-price .car-actual-price{font-size:36px} .car-specific-price .car-finance-pm{font-size:12px} .car-specific-price .car-finance-pm strong{font-size:16px} .view-car-details h1{font-size:26px} .list-box-wrapper.grid-4-row .view-car-details h1{font-size:16px} .list-box-wrapper.grid-4-row .view-car-details h5{font-size:12px} .list-box-wrapper.grid-4-row .car-specific-detail ul li{font-size:12px} .list-box-wrapper.grid-4-row .car-specific-detail ul li:nth-child(1){padding-left:0} .list-box-wrapper.grid-4-row .car-specific-price .car-actual-price{font-size:24px} .list-box-wrapper.grid-4-row .car-reserve-buttons .car-reserve-btn.reserve-car-btn a{font-size:14px} .list-box-wrapper.grid-4-row.img-col-2 {display: none!important;} .left-col-car-view{width:50%} .right-col-car-details{width:50%} .car-angle-view span img {/*height:90px;*/} .list-box-wrapper.grid-column .right-col-car-details .car-detail-buttons .request-car-btn.request_notop{/*margin-top:10px;*/} .list-box-wrapper.grid-column .right-col-car-details .car-detail-buttons .car-detail-btn:nth-child(1), .list-box-wrapper.grid-column .right-col-car-details .car-detail-buttons .car-detail-btn:nth-child(2){/*width:100%;*/} .list-box-wrapper.grid-column{width: calc(100%/3 - 5px);} } @media only screen and (max-width: 1280px) { } @media only screen and (max-width: 1180px){ .car-angle-view span img {/*height:80px;*/} .left-col-car-view .car-full-view .car-tag-box{width:110px;left:-4px;top:-4px} .car-tag-box .car-tag-message{top:40px;font-size:12px} .list-box-view{display:inherit} .view-car-details h1{font-size:22px} .view-car-details h5{font-size:14px} .car-specific-detail ul li{font-size:14px} .car-specific-price .car-actual-price{font-size:30px} .car-specific-price .car-finance-pm strong{font-size:14px} .list-box-wrapper.grid-column .view-car-details h1{font-size:18px;margin:0} .list-box-view{padding:12px} .list-box-wrapper.grid-column .view-car-details h5{font-size:12px} .list-box-wrapper.grid-column .car-specific-detail ul li{font-size:12px} .list-box-wrapper.grid-column .car-specific-price .car-actual-price{font-size:24px} .car-specific-detail{margin-top:0} .car-detail-buttons .car-detail-btn a{font-size:10px;} } @media only screen and (max-width: 1024px) { .left-col-car-view{width:45%} .right-col-car-details{width:55%} .car-angle-view span img {/*height:65px;*/} .list-box-wrapper.grid-column .list-box-view .car-detail-btn.request-car-btn{/*flex:100%;margin-left:0px;*/} } @media only screen and (max-width: 980px) { .stocklist-advt{display:none} .left-col-car-view{width:40%} .right-col-car-details{width:60%} .car-angle-view{display:none} .left-col-car-view .car-full-view{width:100%} .list-box-wrapper.grid-column,.list-box-wrapper.grid-4-row{width:50%;width:calc(100%/2 - 16px)!important;} .list-box-wrapper.grid-column .right-col-car-details .car-detail-buttons .car-detail-btn{/*width:48%;*/} .list-box-wrapper.grid-column .right-col-car-details .car-detail-buttons .request-car-btn.request_notop{margin-top:0px;} .aa-inspection-button a{font-size:14px;} .aa-inspection-button img{max-width:25px;} } @media only screen and (max-width: 900px) and (min-width: 767px) { .car-detail-buttons .car-detail-btn a{font-size:10px} } @media only screen and (max-width: 768px) { .grid-4-row .left-col-car-view .car-full-view .imgspin { padding-bottom: 70%;} .list-box-wrapper.grid-column,.list-box-wrapper.grid-4-row{width:100%!important; margin: 8px 0px;} } @media only screen and (max-width: 767px) { .cd_grid .custom-form-group{flex:0 calc(100%/3);width:calc(100%/3);} .cd_grid .select2-selection__rendered{font-size: 12px;padding-left: 10px;padding-right: 20px;} .cd_grid .select2-container--default .select2-selection--single .select2-selection__arrow b{background-size:12px;left:62%;} .grid-column .left-col-car-view .car-full-view .imgspin img{height:auto} .stock-list-page .innerWhiteBox.landing-page .colmd-2{display:inline-block;width:100%} .innerWhiteBox.webbe-search-bar .select2-container--default .select2-selection--single{border-right:1px solid #e5e5e5;border-top:none} .list-box-wrapper.grid-column .list-box-view,.list-box-wrapper.grid-4-row .list-box-view{flex-direction:row} .list-box-wrapper .left-col-car-view,.list-box-wrapper.grid-column .left-col-car-view,.list-box-wrapper.grid-4-row .left-col-car-view{width:45%} .list-box-wrapper .right-col-car-details,.list-box-wrapper.grid-column .right-col-car-details,.list-box-wrapper.grid-4-row .right-col-car-details{width:55%;padding-left:15px} .list-box-wrapper.grid-column.margin-lr-center,.list-box-wrapper.grid-4-row.margin-lr-center{margin-right:0;margin-left:0} .car-specific-detail ul li{padding:2px 10px;font-size:12px} .car-description-head .car-youtube-link{width:30px} .car-detail-buttons .car-detail-btn{width:100%} .car-detail-btn.request-car-btn{/*display:none*//*margin-top:2%;margin-left:0%*/} .car-col-height{height:290px} .grid-list-box{display:none} .car-angle-view{display:none} .left-col-car-view .car-full-view{width:100%} .list-box-wrapper.grid-column .list-box-view .car-specific-price{text-align:right;padding:10px 0px;} .car-specific-price{padding:2px 0} .car-specific-price .car-actual-price{font-size:24px} .view-car-details h1{font-size:22px} .view-car-details h5{font-size:12px} .list-box-wrapper.grid-column .view-car-details h1{font-size:20px;height:auto!important} .list-box-wrapper.grid-column .view-car-details h5{font-size:12px;height:auto;} .view-car-details{padding:2px 0} .sort-list-grid-wrap{/*display:none*/margin-top:5px;} .stock-list-page .filter{width:100%;margin-top:15px;} .list-box-wrapper .left-col-car-view,.list-box-wrapper .right-col-car-details,.list-box-wrapper.grid-column .left-col-car-view,.list-box-wrapper.grid-column .right-col-car-details,.list-box-wrapper.grid-4-row .left-col-car-view,.list-box-wrapper.grid-4-row .right-col-car-details{width:100%;max-width:100%} .left-col-car-view .car-full-view,.left-col-car-view.grid-4-row .car-full-view,.list-box-wrapper.grid-column .left-col-car-view .car-full-view{width:100%} .list-box-wrapper.grid-column .list-box-view .car-angle-view{display:block} .left-col-car-view{margin-bottom:15px} .left-col-car-view .car-full-view img{width:100%;display:inline-block} .car-list-view-table{display:none} .car-detail-btn.finance-car-btn{/*margin-left:2%;margin-right:0*/} .list-box-wrapper.grid-column{width:100%;padding:0px} .list-box-wrapper.grid-column.margin-lr-center{margin-left:0;margin-right:0} .margin-lr-center{margin-left:0;margin-right:0} .list-box-wrapper .right-col-car-details,.list-box-wrapper.grid-column .right-col-car-details,.list-box-wrapper.grid-4-row .right-col-car-details{padding-left:0} .list-box-wrapper.grid-column .view-car-details h1{height:auto!important} .car-specific-detail ul li{padding:2px 4px;font-size:12px} .car-col-height{height:auto} .list-box-wrapper .car-specific-price,.list-box-wrapper.grid-column .list-box-view .car-specific-price{text-align:left} .list-box-view,.list-box-wrapper.grid-column .list-box-view{padding:10px; padding:0px; padding-bottom: 15px; flex-direction:column} .car-angle-view{display:block} .car-detail-buttons .car-detail-btn a{padding: 15px 10px;font-size:12px;} .list-box-wrapper.grid-4-row .car-reserve-buttons .car-reserve-btn.reserve-car-btn a{padding: 15px 10px;font-size:12px; } .carpara p{font-size:12px;} .rac_banner{background-color:transparent;height:auto;margin-top:15px;} } @media only screen and (max-width: 600px) { .cd_grid .custom-form-group{flex:0 calc(100%/2);width:calc(100%/2);} .car-reserve-buttons{margin-bottom:2%} .car-detail-btn.request-car-btn{margin-top:0%;margin-left:0%} .list-box-wrapper.grid-4-row .list-box-view .car-detail-buttons .car-detail-btn.finance-car-btn{margin-top:0%} .topic-title{font-size:24px} .tab button{width:auto;padding:0 20px} .list-box-wrapper.grid-column .car-specific-detail ul li{font-size:12px} .car-detail-buttons{display:block;} .car-specific-price .car-finance-pm strong{font-size:14px} .car-detail-buttons .car-detail-btn{width:100%;} .car-detail-buttons .car-detail-btn, .list-box-wrapper.grid-column .right-col-car-details .car-detail-buttons .car-detail-btn{width:100%;flex:100%;margin:0px;} } @media only screen and (max-width: 480px) { .stocklist-advt{display:block} .car-angle-view{display:none!important} .car-full-view{width:100%!important} .ifc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .car-detail-buttons .car-detail-btn:nth-child(1), .car-detail-buttons .car-detail-btn:nth-child(2){width:100%;} /* .stock-list-tab-btn{padding-top:50px;} .stock-list{padding:20px 0 0;min-height:auto;} .topic-title{padding-bottom: 0px;font-size:16px;}*/ } @media only screen and (max-width: 440px) { .tab button{width:100%} } /* New Representative example added on 8 May 2023 */ .car-list-re-header {padding: 0px; text-align: center; font-size: 15px; font-weight:600; text-transform: capitalize; letter-spacing: 1px; padding-bottom: 15px;} .car-list-re-subheader {font-size: 13px; font-weight:400; line-height: 1.5; text-align: center; padding: 0px;} .car-list-re-subheader span {font-weight: bold;} .car-list-re-mainbox {display: flex;} .car-list-re-innerbox {flex: 1; padding: 7px 0px; display: flex;flex-direction: column; justify-content: space-around;align-items: stretch;} .car-list-re-innerbox-lastcol { flex: 1; padding: 7px 0px; display: flex;flex-direction: column; justify-content: space-around;align-items: stretch; } .car-list-re-innerbox-1 {font-size: 10px; padding: 2px 2px; text-align: center;} .car-list-re-innerbox-2 {font-size: 14px;padding: 2px 2px; text-align: center;} .stock167disclaimer .cw_bottom_msg {padding: 0px; font-size: 13px; } .car-list-re-innerbox-odd {} .car-specific-price .car-finance-pm .hp { font-weight: bold;} .BorderBottomZero {border-bottom: 0px!important;} .BorderTopZero {border-top: 0px!important;} .MarginTopZero { margin-top: 0px!important;} .BorderZero {border: 0px!important;} .PaddingTopZero { padding-top: 0px!important;} .FinanceTableEtc {border-top: 0px!important; flex: none!important; margin: 0px!important; width: 80px!important; display: flex; justify-content: center;} .FinanceProductType {line-height: 1; padding-top: 2px; padding-bottom: 4px; font-size: 15px; text-align: center;} .FinanceApplyLink {margin: 0px 5px; line-height: 1; padding: 5px!important; letter-spacing: 1px; font-weight: bold; font-size: 11px!important; display: inline-block; height: 22px;} .RepExampleLabel {padding: 15px 10px; text-align: center; font-size: 14px; font-weight:600; text-transform: uppercase; letter-spacing: 1px; height: 40px;} .RepExampleV2 .RepExampleLabel {text-align: center; font-size: 15px; letter-spacing: 0.2px; text-transform: capitalize; padding: 15px 10px; padding-bottom: 0px; font-weight: bold; font-weight:600;border: solid 1px #e6e6e6; border-bottom: 0px;} .rep_example .car-list-re-subheader {padding: 10px!important; padding-top: 0px;} .RepExampleLabel-4grid {display: none!important;} @media only screen and (max-width: 1024px){ .car-list-re-header {font-size: 14px;} .car-list-re-subheader {font-size: 12px;} .car-list-re-innerbox-2 {font-size: 13px;} } @media only screen and (max-width: 900px){ .car-list-re-innerbox-2 {font-size: 12px;} } @media only screen and (min-width: 719px){ .car-list-re-innerbox {border-right: 0px;} } @media only screen and (max-width: 720px){ .car-list-re-mainbox {flex-direction: column;} .car-list-re-innerbox { flex-direction: row; /*border: solid 1px #e6e6e6; border-bottom: 0px;*/} .car-list-re-innerbox-1 {font-size: 12px; text-align: left; flex-grow: 1; padding-left: 8px; } .car-list-re-innerbox-2 {font-size: 12px;text-align: right; flex-grow: 1; padding-right: 8px;} .car-list-re-innerbox, .car-list-re-innerbox-lastcol { flex-direction: row; border-bottom: 0px;} } .PT-10 {padding-top: 10px;}