/*MODULES*/

/*Browse By Blocks*/
.browse_by_blocks_module { display: flex; column-gap: 6px; margin-bottom: 12px; margin-top: 12px; } 

.browse_by_block { width: 33%; height: 310px; flex: 1 auto; border-radius: 5px; display: flex; align-items: flex-end; justify-content: center; position: relative; cursor: pointer; transition: all 0.3s ease-in-out; } 

.browse_by_close { position: absolute; top: 20px; right: 20px; z-index: 3; display: none; } 

.browse_by_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; transform: scale(1, 1); transition: all 0.3s ease-in-out; z-index: 1; border-radius: inherit; } 

.browse_by_block:not(.active):hover .browse_by_image { transform: scale(1.03, 1.03); z-index: 2; } 

.browse_by_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent linear-gradient(180deg, #33363E00 0%, #33363E 100%) 0% 0% no-repeat padding-box; border-radius: inherit; } 

.browse_by_content { position: relative; z-index: 2; padding: 0 10px; margin-bottom: 40px; transition: all 0.3s ease-in-out; } 

.browse_by_block:not(.active):hover .browse_by_content { transform: translateY(-20px); } 

.browse_by_title { color: #fff; font-size: 38px; font-weight: bold; text-transform: uppercase; line-height: 44px; text-align: center; margin-bottom: 10px; } 

.browse_by_title>div { font-size: 18px; font-weight: normal; text-transform: none; line-height: 18px; } 

.browse_by_title img { transition: all 0.3s ease-in-out; } 

.browse_by_block:not(.active):hover .browse_by_title img { transform: scale(1.3, 1.3); } 

.browse_by_buttons { display: none; margin-top: 20px; } 

.browse_by_buttons>div { display: flex; gap: 6px; justify-content: center; } 

.browse_by_link { display: block; border: 1px solid #fff; color: #fff !important; text-decoration: none !important; font-size: 14px; padding: 0 15px; line-height: 40px; flex-grow: 0; border-radius: 5px; margin-bottom: 10px; text-align: center; } 

.browse_by_link.active { border-color: #D85D38; } 

.browse_by_get_started { width: 350px; max-width: 90%; margin: 0 auto; } 

.browse_by_block.active { transform: scale(1.01, 1.01); width: 50%; } 

.browse_by_block.active .browse_by_overlay { background: #33363Ee6; } 

.browse_by_block.active .browse_by_title img { display: none; } 

.browse_by_block.active .browse_by_close, .browse_by_block.active .browse_by_buttons { display: block; } 

/*Tiled Blocks*/
.tiled_blocks_new_cars_module { display: flex; align-items: stretch; gap: 10px; flex-wrap: wrap; text-align: center; margin:10px 0 20px 0; height: 350px; } 

.tiled_block_nc { cursor: pointer; flex: 1 auto; display: flex; align-items: flex-end; justify-content: center; color: #fff; text-align: center; padding: 0 10px; width: 0; position: relative; border-radius: 5px; overflow: hidden; } 

.tiled_block_nc_image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } 

.tiled_block_nc_image:after { content: ""; background: transparent linear-gradient(180deg, #33363E00 0%, #33363E 100%) 0% 0% no-repeat padding-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 

.tiled_block_nc_content { position: relative; z-index: 1; margin-bottom: 20px; } 

.tiled_block_nc_pretitle { font-size: 18px; } 

.tiled_block_nc_title { font-size: 38px; font-weight: bold; line-height: 44px; text-transform: uppercase; } 

.tiled_block_nc_content { margin-bottom: 20px; } 

.tiled_block_nc_button img { transform: scale(1, 1); transition: transform 0.3s ease-in; } 

.tiled_block_nc:hover .tiled_block_nc_button img { transform: scale(1.3, 1.3); } 


/*Brands Module*/
.brands_module { background: #F6F6F6; padding: 30px 0; } 

.bm_title { text-align: center; font-size: 32px; margin-bottom: 30px; color: #33363E; } 

.bm_title:after { content: ""; display: block; width: 40px; height: 3px; background-color: #D85D38; margin: 10px auto 0 auto; } 

.bm_brands { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; column-gap: 50px; row-gap: 25px; margin-bottom: 15px; width: 825px; margin-left: auto; margin-right: auto; } 

.bm_brand { display: block; border: 1px solid #EBE7E7; border-radius: 50%; overflow: hidden; background-color: #fff; width: 125px; height: 125px; position: relative; } 

.bm_brand img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; transition: opacity 0.4s ease-in; } 

.bm_brand:hover img:first-child, .bm_brand:not(:hover) img:nth-child(2) { opacity: 0; } 

/*Search Wizard*/
.newcar-search-wizard { background: url(../images/search-wizard-bg.png) center center no-repeat #33363E; background-size: cover; padding: 40px 0; display: flex; align-items: center; justify-content: center; } 

.ncsw-form { width: 768px; max-width: 100%; background: #fff; padding: 15px 10px; border-radius: 5px; text-align: center; } 

.ncsw-heading { color: #33363E; font-size: 42px; font-weight: bold; } 

.ncsw-heading:after { content: ""; display: block; width: 40px; height: 3px; background-color: #D85D38; margin: 10px auto 30px auto; } 

.ncsw-title { color: #33363E; font-size: 18px; font-weight: bold; margin-bottom: 15px; } 

.ncsw-fuels, .ncsw-bodys { display: flex; justify-content: center; column-gap: 10px; border-bottom: 1px solid #EBE8E8; padding-bottom: 20px; margin-bottom: 20px; } 

.ncsw-fuel { border: 1px solid #33363E; border-radius: 3px; padding: 0 20px; color: #33363E; line-height: 36px; cursor: pointer; } 

.ncsw-fuel.active { border-color: #D85D38; color: #D85D38; } 

.ncsw-fuel input, .ncsw-bodys input { display: none; } 

.ncsw-bodys { color: #33363E; font-size: 12px; align-items: flex-end; column-gap: 20px; } 

.ncsw-body { cursor: pointer; } 

/* .ncsw-body.active { filter: saturate(60); }  */
.ncsw-body.active { filter: invert(42%) sepia(82%) saturate(728%) hue-rotate(334deg) brightness(90%) contrast(87%); } 

.ncsw-budget { background: #fff; border: 1px solid #EBEDEE; padding: 15px 10px 40px 10px; margin-bottom: 20px; border-radius: 5px; position: relative; } 

.ncsw-budget input[type=range] { width: 100%; height: 4px; -webkit-appearance: none; background: #E6E6E6; outline: none; border-radius: 1.5px; box-shadow: none; } 

.ncsw-budget input[type=range]::-moz-range-track, .ncsw-budget input[type=range]::-ms-fill-lower { background: #D85D38; } 

.ncsw-budget input[type=range]::-webkit-slider-thumb, .ncsw-budget input[type=range]::-moz-range-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #fff; cursor: pointer; border: 2px solid #D85D38; } 

.ncsw-budget-price { position: absolute; bottom: 0; left: calc(50% - 55px); font-weight: bold; font-size: 18px; color: #D85D38; } 

.ncsw-all-brands { display: flex; justify-content: center; column-gap: 10px; color: #D85D38; margin-bottom: 20px; } 

.ncsw-all-brands input, .ncsw-all-brands label { margin: 0; cursor: pointer; } 
.ncsw-all-brands input:is([type=checkbox],[type=radio]) {accent-color: #D85D38;} 

.ncsw-brands { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; row-gap: 20px; column-gap: 20px; margin-bottom: 30px; } 

.ncsw-brand { width: 100px; height: 100px; border-radius: 50%; border: 1px solid #EBE7E7; overflow: hidden; position: relative; cursor: pointer; } 

.ncsw-brand.active { border-color: #D85D38; } 

.ncsw-brand input { display: none; } 

.ncsw-brand img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; filter: grayscale(1); transition: filter 0.3s ease-in-out; } 

.ncsw-brand:hover img, .ncsw-brand.active img { filter: grayscale(0); } 

.ncsw-saveandtrack { margin: 0 auto; width: 450px; max-width: calc(100% - 20px); margin-bottom: 15px; justify-content: center; } 

.ncsw-submit { display: block; width: 420px; max-width: calc(100% - 20px); margin: 0 auto; height: 48px; line-height: 48px; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; background: url(../images/arrow-right-white.svg) calc(100% - 10px) center no-repeat #D85D38; background-size: 13px 20px; border: 0; cursor: pointer; border-radius: 5px; } 

/*New Cars Search Page*/

/*Filter Form*/
.filter-form-upgrade { border: 1px solid #EBE9E9; border-radius: 0px 0px 5px 5px; text-align: center; font-size: 15px; line-height: 20px; color: #404953; padding: 15px; margin-top: 10px; background: #fff; } 

.filter-form-upgrade h3 { font-weight: normal; font-size: 24px; color: #33363E; padding: 0; margin-bottom: 15px; } 

.filter-form-upgrade h3:after { content: ""; display: block; width: 40px; height: 3px; background-color: #D85D38; margin: 10px auto 0 auto; } 

.filter-form-upgrade a { background-color: #D85D38; display: block; line-height: 46px; border-radius: 3px; color: #fff !important; text-decoration: none !important; font-size: 16px; text-transform: uppercase; font-weight: bold; margin-top: 10px; } 

/*New Car Block*/
.new-car-block { width: 270px; position: relative; background: #fff; border: 1px solid #EBE9E9; border-radius: 0px 0px 5px 5px; color: #33363E; } 

.new-car-block.popInStart { transform: translateX(-50%); opacity: 0; } 

.new-car-block.popIn { animation: popIn 0.4s 1 linear; } 

@keyframes popIn { 
 0% { transform: translateX(-50%); opacity: 0; } 

 100% { transform: translateX(0%); opacity: 1; } 
 }

.new-car-block.finance-pending { margin-top: 35px; } 

.ncb-remove { position: absolute; top: 0; right: 0; background: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 1; } 

.ncb-tag { background: #33363E 0% 0% no-repeat padding-box; border-radius: 10px 10px 0px 0px; display: inline-block; padding: 0 20px; line-height: 35px; color: #fff; font-weight: bold; font-size: 14px; position: absolute; top: -35px; left: 0; } 

.ncb-image { display: flex; justify-content: center; align-items: center; width: 100%; height: 154px; position: relative; overflow: hidden; } 

.ncb-image a:not(.favourites) { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 

.ncb-image a img { max-width: 100%; max-height: 100%; width: auto; height: auto; } 

.ncb-details { padding: 5px; } 

.ncb-info { display: flex; } 

.ncb-title { font-weight: bold; font-size: 16px; line-height: 20px; color: inherit !important; } 

.ncb-variations { font-size: 12px; margin-bottom: 15px; height: 18px; } 

.ncb-brand { width: 80px; margin-left: auto; } 

.ncb-fuel { font-size: 12px; font-weight: bold; height: 18px; } 

.ncb-price { font-size: 12px; margin-bottom: 10px; display: flex; align-items: center; column-gap: 5px; } 

.ncb-price b { font-size: 18px; } 

.ncb-explore { background: #33363E 0% 0% no-repeat padding-box; border-radius: 3px; display: block; line-height: 46px; text-align: center; color: #fff !important; text-decoration: none !important; font-weight: bold; font-size: 16px; } 

/*New Car Details*/
body.new-car { background: #F6F6F6; } 

.new-car-header { position: relative; } 

.new-car-header-link { position: absolute; bottom: 180px; left: calc(50% - 42px); width: 58px; height: 84px; background: rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-content: center; transition: transform 0.5s ease-out; z-index: 2; } 

.new-car-header-link:hover { transform: translateY(10px); } 

.new-car-header-video { overflow: hidden; } 

.new-car-header-video { max-height: calc((100vw / 1.78) - 300px)}

.new-car-header-video:after { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } 

.new-car-header-video iframe { width: 100%; transform: translateY(-150px); } 

.new-car-quick-details { padding: 10px 0; } 

.new-car-quick-details .row { padding: 0; align-items: center; height: 116px; } 

.new-car-logo { margin-right: 20px; } 

.new-car-title { font-size: 42px; padding: 0; margin: 0 0 10px 0; font-weight: bold; color: #000306; } 

.new-car-variations { font-size: 16px; } 

.new-car-price { margin-left: auto; border-right: 1px solid #D6D3D3; text-align: right; font-size: 24px; line-height: 30px; padding-right: 15px; } 

.new-car-finance-from { font-size: 16px; } 

.new-car-finance-from span { font-weight: bold; color: #D85D38; } 

.new-car-actions { flex-shrink: 0; display: flex; align-items: center; column-gap: 15px; } 

.new-car-action-button { line-height: 46px; background: #000; color: #fff !important; text-decoration: none !important; font-weight: bold; font-size: 16px; text-align: center; margin-left: 15px; padding:0 20px; border-radius: 3px; } 

.new-car-action-button:hover { background: #272727; } 

.new-car-tab-links { box-shadow: inset 0px 0px 6px #00000029; border: 1px solid #D3D8D9; background: #fff; display: flex; align-items: stretch; justify-content: center; height: 60px; font-size: 18px; } 

.new-car-tab-links.stuck { position: fixed; top: 0; z-index: 3001; } 

.AB-present .new-car-tab-links.stuck { top: 50px; } 

.new-car-tab-link { display: flex; align-items: center; position: relative; cursor: pointer; } 

.new-car-tab-link a { padding: 0 50px; display: block; line-height: 24px; color: inherit !important; text-decoration: none !important; } 

.new-car-tab-link:not(:first-child) a { border-left: 1px solid #D5D3D3; padding:0 30px; } 

.new-car-tab-link.active { font-weight: bold; } 

.new-car-tab-link.active:after { content: " "; display: block; width: 40px; height: 3px; background: #000; position: absolute; bottom: -1px; left: calc(50% - 20px); } 

.new-car-section { display: block; padding: 20px 0; } 

.new-car-section[data-tab=finance] { background: linear-gradient(175deg, #F6F6F6 calc(60% - 1px), #D3D8D9 60%); background-color: rgba(0, 0, 0, 0); background-position-x: 0%; background-position-y: 0%; background-size: auto; background-position: center center; background-size: cover; background-color: #F6F6F6; } 

.nctc-heading { font-size: 32px; color: #131313; font-weight: bold; text-align: center; margin-bottom: 20px; } 

.nctc-heading:after { content: " "; display: block; width: 40px; height: 3px; margin: 15px auto 0 auto; background: #131313; } 

.nctc-gallery-tabs { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } 

.nctc-gallery-tabs a { font-size: 15px; line-height: 42px; display: flex; align-items: center; column-gap: 5px; padding: 0 20px; border: 1px solid transparent; color: #000 !important; text-decoration: none !important; } 

.nctc-gallery-tabs a.active { border-color: #000; background: #fff; border-radius: 21px; } 

.new-car-images-gallery { position: relative; margin-bottom: 20px; } 

.new-car-images-gallery:not(.active) { display: none; } 

.new-car-images-gallery .gallery { width: 100%; height: 300px; display: flex; column-gap: 8px; } 

.new-car-images-gallery .gallery img { width: 100%; max-height: initial; max-width: initial; } 

.new-car-images-prev, .new-car-images-next { position: absolute; left: 0; top: calc(50% - 45px); height: 90px; width: 52px; display: flex; align-items: center; justify-content: center; z-index: 1000; background: url(../images/arrow-left-black.svg) center center no-repeat rgba(255, 255, 255, 0.6); cursor: pointer; } 

.new-car-images-next { left: initial; right: 0; } 

.new-car-images-next { rotate: 180deg; } 

.new-car-images-gallery .gallery>div { position: relative; height: 300px; display: flex; align-items: center; justify-content: center; transition: all 1s ease-in-out; overflow: hidden; } 

.new-car-images-gallery .gallery>div.active { margin: 0 5px; transition: all 0s ease-in-out; } 

.new-car-images-gallery .gallery>div>a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; opacity: 0; transition: all 0.3s ease-in-out; } 

.new-car-images .gallery>div:hover>a { opacity: 1; } 

.new-car-video-gallery .gallery>div { background: #000; } 

.new-car-video-gallery .gallery>div>a { background: url(../images/youtube-play.svg) no-repeat center; background-size: 60px; } 

.new-car-images .gallery>div img { width: auto; height: auto; max-width: none; max-height: none; flex: 0 0 auto; } 

.new-car-video-gallery .gallery>div { position: relative; } 

.new-car-video-gallery .gallery>div::after { content: url(../images/youtube-play.svg); top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; position: absolute; z-index: 1; } 

.new-car-video-gallery iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } 

.new-car-video-gallery .gallery img { width: auto; } 

.lb-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000000; background: rgba(0, 22, 47, 0.92); display: none; justify-content: center; align-items: center; padding: 30px; } 

.lb-overlay>div>a { margin: 0 0 5px 0; color: #fff; font-size: 30px; } 

.lb-overlay>div>a:not(:first-child) { position: absolute; left: -50px; top: calc(50% - 15px); opacity: 0.4; transition: all 0.3s ease-in-out; } 

.lb-overlay>div>a:not(:first-child):hover { opacity: 1; } 

.lb-overlay>div>a:nth-child(2) { left: initial; right: -50px; } 

.lb-overlay>div>img { opacity: 0; transition: all 0.5s ease-in-out; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } 

.lb-overlay>div>iframe { opacity: 0; transition: all 0.5s ease-in-out; max-width: 100%; max-height: 100%; width: 810px !important; height: 456px !important; } 

.lb-overlay>div { display: flex; flex-direction: column; align-items: flex-end; position: relative; } 

.new-car-brochure { display: flex; align-items: center; justify-content: center; } 

.new-car-brochure a { border: 1px solid #C7C4C4; border-radius: 22px; height: 42px; display: flex; align-items: center; column-gap: 5px; color: #000 !important; text-decoration: none !important; padding: 0 20px; background: #fff; font-size: 18px; } 


.new-car-section[data-tab=finance] .col-lg-6 { display: flex; flex-direction: column; justify-content: flex-end; } 

.finance-pricing-box { background: rgba(255, 255, 255, 0.75); border-radius: 10px; padding: 10px; } 

.new-car-finance-pricing-buttons { display: flex; align-items: center; font-size: 20px; padding: 10px 0; margin-bottom: 15px; } 

.new-car-finance-pricing-buttons a { padding: 0 20px; color: #000 !important; text-decoration: none !important; position: relative; text-align: center; line-height: 24px; } 

.new-car-finance-pricing-buttons a:not(:first-child) { border-left: 1px solid #D5D3D3; } 

.new-car-finance-pricing-buttons a.active { font-weight: bold; } 

.new-car-finance-pricing-buttons a.active:after { content: ""; display: block; position: absolute; bottom: -10px; left: calc(50% - 20px); width: 40px; height: 3px; background: #D85D38; margin: 0 auto; } 

.new-car-finance-pricing-tab:not(.active) { display: none; } 

.new-car-finance-pricing-tab { display: block; } 

.new-car-finance-form .used-car-finance-term { display: block; text-align: center; color: #D85D38; font-size: 14px; } 

.new-car-finance-form .saveandtrack { background: none; justify-content: center; font-size: 16px; } 

.new-car-finance-form .used-car-finance-breakdown { text-align: center; margin-bottom: 20px; } 

.new-car-finance-form .used-car-finance-breakdown span { color: #D85D38; } 

.new-car-finance-form .used-car-finance-tandc { margin: 15px 0; } 

.new-car-finance-pricing-image { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } 

.new-car-finance-pricing-text { background: rgba(255, 255, 255, 0.75); padding: 15px; margin-bottom: 10px; border-radius: 5px; text-align: center; font-size: 20px; line-height: 28px; } 

.new-car-finance-pricing-text b { font-size: 24px; } 

.new-car-finance-pricing-links { display: flex; column-gap: 20px; } 

.new-car-price-list, .new-car-apply-tradein { background: rgba(255, 255, 255, 0.75); border-radius: 5px; height: 42px; display: flex; justify-content: center; align-items: center; column-gap: 10px; flex-basis: 50%; color: #000 !important; text-decoration: none !important; font-size: 18px; } 

.new-car-running-cost-box { background: #fff; border: 1px solid #EBEDEE; padding: 15px 10px; margin-bottom: 10px; border-radius: 5px; font-size: 16px; } 

.new-car-costs-form > b { font-size: 24px; line-height: 30px; } 

.new-car-costs-form input[type=text] { width: 120px; background: #FFF; border: 1px solid #D8D4D4; padding:0 10px; outline:none; height: 50px; margin-right: 10px; } 

.new-car-mileage-box { margin: 10px 0; } 
.new-car-mileage-box input:is([type=checkbox], [type=radio]) {accent-color: #D85D38;} 

.show-running-costs { background: #D85D38; border-radius: 3px; padding:0 15px; margin-top: 10px; color: #fff !important; text-decoration: none !important; text-transform: uppercase; font-weight: bold; line-height: 46px; display: inline-block; } 

.new-car-running-cost { font-size: 16px; line-height: 36px; border-bottom:1px solid #EBEDEE; display: flex; align-items: center; justify-content: space-between; } 

.new-car-running-cost span span { font-size: 12px; } 

.new-car-costs-heading { font-size: 24px; line-height: 32px; font-weight: bold; } 

.new-car-costs-recalc { display: flex; cursor: pointer; align-items: center; font-size: 16px; font-weight: bold; color: #D85D38; gap: 10px; margin-bottom: 5px; } 

.new-car-costs-heading:after { content:""; display: block; width: 40px; height: 3px; background: #D85D38; } 

.new-car-costs-line { font-size: 20px; padding:10px 0; } 

.new-car-costs-line > div { font-size: 24px; } 

.new-car-costs-line > div span:nth-child(n+2) { font-size: 12px; } 

.new-car-costs-line+.new-car-costs-line { border-top: 1px solid #EBEDEE; } 

.new-car-finance-pricelist { font-size: 16px; line-height: 20px; } 

.new-car-variant { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E8E4E4; height: 32px; } 

.new-car-variant+.new-car-variant-title { margin-top: 20px; } 

.new-car-finance-pricelist .new-car-price-list { border: 1px solid #C7C4C4; background: #fff; border-radius: 50px; padding: 0 20px; margin-top: 20px; display: inline-flex; } 

.nctc-pdflink { display: flex; justify-content: center; } 

.nctc-pdflink a { display: flex; border: 1px solid #C7C4C4; background: #fff; border-radius: 50px; padding: 0 20px; margin: 20px 0; height: 42px; display: inline-flex; align-items: center; color: #000000 !important; text-decoration: none !important; font-size: 18px; font-weight: bold; gap: 10px; } 

.nctc-point-image-container { display: flex; align-items: center; justify-content: center; } 

.nctc-point-image { position: relative; margin-bottom: 30px; } 

.nctc-image-point { position: absolute; } 

.nctc-image-point-digit { display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; width: 40px; height: 40px; background: #D85D38; border: 2px solid #fff; border-radius: 50%; color: #fff; cursor: pointer; position: relative; z-index: 2; } 

.nctc-image-point-content { position: absolute; top: -5px; left: -5px; border: 1px solid #D85D38; background: #fff; border-radius: 10px; padding: 5px 10px 10px 10px; box-sizing: border-box; width: 400px; font-size: 14px; line-height: 20px; color: #131313; z-index: 1; opacity: 0; transform: translate(5px, 5px); transition: all 0.2s ease-in; } 

.nctc-image-point.active .nctc-image-point-content { transform: translate(0, 0); opacity: 1; z-index: 3; } 

.nctc-image-point.active .nctc-image-point-digit { z-index: 4; } 

.nctc-image-point-title { font-weight: bold; font-size: 18px; padding-left: 45px; padding-top: 8px; line-height: 24px; min-height: 44px; margin-bottom: 5px; } 

.nctc-image-point.to-left .nctc-image-point-content { left: initial; right: -5px; } 

.nctc-image-point.to-left .nctc-image-point-title { padding-left: 0; padding-right: 45px; } 

.nctc-points-full { display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 35px; margin-bottom: 20px; } 

.nctc-point-full { border: 1px solid transparent; background: #fff; border-radius: 10px; position: relative; text-align: center; width: calc(25% - (12px)); color: #131313; font-size: 14px; padding: 25px 10px; box-sizing: border-box; } 

.nctc-point-full.active, .nctc-point-full:hover { border-color: #D85D38; } 

.nctc-point-full-digit { position: absolute; top: 0; left: 50%; font-size: 18px; font-weight: bold; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #D85D38; border: 2px solid #fff; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); } 

.nctc-point-full-title { font-size: 18px; color: #131313; font-weight: bold; height: 44px; line-height: 22px; margin-bottom: 5px; } 

.new-car-layout-blocks { margin: 20px auto; } 

.new-car-layout-blocks .layout_block { margin-bottom: 20px; } 

.new-car-layout-blocks .layout_buttons { display: flex; align-items: center; justify-content: flex-start; column-gap: 20px; } 

.new-car-layout-blocks .layout_buttons>a.layout_link { border: 1px solid #000000; border-radius: 22px; font-size: 15px; text-decoration: none !important; color: #000; background: #fff; padding: 0 20px; line-height: 42px; font-weight: bold; } 

.new-car-articles-section { padding: 30px 0 40px 0; } 

.new-car-articles { display: flex; align-items: center; justify-content: center; column-gap: 25px; } 

.new-car-nearly-new { background: #fff; padding: 30px 0; } 

.new-car-nearly-new-cars { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 10px; background: #fff; } 

.new-car-similar { padding-top: 30px; } 

.new-car-similar-cars { display: flex; align-items: center; justify-content: center; column-gap: 25px; } 

.new-car-similar-car { width: 30%; flex-grow: 0; } 

.new-car-similar-car-image { display: flex; align-items: center; height: 220px; justify-content: center; display: flex; align-items: center; margin-bottom: 10px; } 

.new-car-similar-car-title { display: block; height: 56px; text-align: center; font-weight: bold; color: #131313 !important; text-decoration: none !important; font-size: 24px; } 

.new-car-similar-browse-range { display: flex; align-items: center; justify-content: center; padding: 20px 0; border-top: 1px solid #DCD6D6; } 

.new-car-similar-browse-range a { border: 1px solid #000000; border-radius: 22px; font-size: 15px; text-decoration: none !important; color: #000 !important; background: #fff; padding: 0 20px; line-height: 42px; font-weight: bold; } 

/*New Car Module*/
.new-car-module .ucl-list .car-slider { justify-content: center; } 

.new-car-module-block { width: calc((100% - 60px) / 4); margin: 0; color: #131313; text-align: center; margin: 0 5px; } 

.ncmb-image { height: 227px; margin-bottom: 20px; } 

.ncmb-title { display: block; font-weight: bold; text-transform: uppercase; font-size: 24px; line-height: 28px; color: #131313 !important; text-decoration: none !important; margin-bottom: 10px; } 

.ncmb-price { font-size: 18px; line-height: 28px; } 

/*---------------------*/

/* XL SCREEN > 1670px */

/*---------------------*/
@media (min-width:1670px) {
 /*New Car Block*/
 .new-car-block { width: 322px; } 

 .ncb-image { height: 240px; } 

 /*New Car Details*/
 .new-car-images-gallery .gallery>div { height: 380px; } 

 .new-car-nearly-new-cars { gap: 16px; } 
 }

/*---------------------*/

/* LARGE SCREEN > 1200 */

/*---------------------*/
@media (min-width:1200px) and (max-width:1669px) {
 /*New Car Search Page*/
 .new-car-block { width: 300px; } 

 .ncb-image { height: 226px; } 
 }

/*---------------------*/

/* SMALL DESKTOP SCREEN > 992px < 1199px*/

/*---------------------*/
@media (min-width:992px) and (max-width:1199px) {
 /*New Car Search Page*/
 .new-car-block { width: 340px; } 

 .ncb-image { height: 256px; } 
 }

/*---------------------*/

/* TABLET & MOBILE SCREEN < 991px*/

/*---------------------*/
@media (max-width:991px) {
 /* SEARCH FORM */
 .searchform_toggle { background: #231F20; border-bottom: 2px solid #C62C2E; cursor: pointer; } 

 .searchform_toggle span { display: block; width: 100%; line-height: 50px; font-weight: bold; color: #fff; font-size: 20px; position: relative; } 

 .searchform_toggle span::after { content: ""; display: block; width: 10px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: calc(50% - 5px); right: 15px; } 

 /* SEARCH PAGE */
 .search-header { background: #F6F5F5; border: 1px solid #E9E5E5; display: flex; height: 50px; align-items: center; padding: 0 10px; width: 100%; box-sizing: border-box; margin-top: 10px; } 

 .filter-toggle { display: flex; align-items: center; column-gap: 4px; font-weight: bold; font-size: 16px; color: #33363E; } 

 .new-cars-filters { max-width: 100%; position: relative; } 

 .new-car-filter-form { position: absolute; display: none; top: -49px; left: 0; z-index: 1000; width: 50%; background: #fff; border: 1px solid #E9E5E5; border-top-width: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16); } 

 .filter-form-upgrade { margin: 10px; } 

}

/*---------------------*/

/* TABLET SCREEN > 768px < 990px */

/*---------------------*/
@media (min-width:768px) and (max-width:991px) {
 /*Browse By Block*/
 .browse_by_blocks_module { padding: 0 5px; } 

 .browse_by_block { height: 190px; } 

 .browse_by_image { background-size: auto 100%; } 

 .browse_by_title { font-size: 22px; line-height: 32px; } 

 .browse_by_title>div { font-size: 12px; } 

 .browse_by_content { margin-bottom: 25px; } 

 .browse_by_close { top: 10px; right: 10px; height: 35px; width: 35px; } 

 .browse_by_buttons { margin-top: 10px; } 

 /*Tiled Blocks*/
 .tiled_blocks_new_cars_module { flex-direction: column; height: auto; padding: 0 5px; } 

 .tiled_block_nc { width: 100%; height: 350px; justify-content: center; align-items: center; } 

 
 /*Dealership Module*/
 .dealership_blocks { overflow-y: scroll; } 

 /*Brands Module*/
 .bm_brands { width: 100%; column-gap: 30px; } 

 .bm_brand { width: 113px; height: 113px; } 

 /*New Car Module*/
 .new-car-module .car-slider-wrapper.ucl-list .car-slider { overflow-x: scroll; flex-wrap: nowrap; } 

 .new-car-module .ucl-list .new-car-module-block { flex-shrink: 0; width: 330px; } 

 .new-car-module .ucl-list .cb-image { height: 245px; } 

 /*New Car Search Wizard*/
 .ncsw-form { margin: 0 10px; width: 100%; } 

 /*New Car Search Page*/
 .new-car-block { width: 340px; } 

 .new-car-block .ncb-image { height: 255px; } 

 /*New Car Details*/
 .new-car-quick-details { padding: 15px 0 20px 0; } 

 .new-car-quick-details .row { height:auto; } 

 .new-car-price { padding: 0; margin: 15px 0; text-align: left; border: 0; margin-right: auto; } 

 .new-car-action-button { margin: 0 15px 0 0; } 

 .new-car-tab-links { overflow-y: scroll; justify-content: flex-start; } 

 .new-car-tab-link { flex-shrink: 0; } 

 .new-car-tab-link.active::after { bottom: 0; } 

 .finance-pricing-box { margin-bottom: 20px; } 

 .new-car-finance-pricing-image { float: left; width: calc((100% - 10px)/2); margin-right: 10px; } 

 .new-car-finance-pricing-text, .new-car-finance-pricing-links { display: block; width: calc((100% - 10px)/2); float: left; } 

 .new-car-finance-pricing-text, .new-car-price-list { margin-bottom: 15px; } 

 .nctc-points-full { flex-wrap: wrap; } 

 .nctc-point-full { width: calc((100% - 15px) /2); } 
 }

/*---------------------*/

/* MOBILE SCREEN < 767px */

/*---------------------*/
@media (max-width:767px) {
 /*Browse By Block*/
 .browse_by_blocks_module { flex-direction: column; padding: 0 5px; } 

 .browse_by_block { width: 100%; height: 200px; margin-bottom: 5px; } 

 .browse_by_block.active { transform: scale(1, 1); width: 100%; } 

 .browse_by_image { background-size: auto 100%; } 

 .browse_by_title { font-size: 32px; line-height: 38px; } 

 .browse_by_title>div { font-size: 18px; } 

 .browse_by_content { margin-bottom: 20px; } 

 .browse_by_buttons { margin-top: 0; } 

 .browse_by_close { top: 5px; right: 5px; } 

 /*Tiled Blocks*/
 .tiled_blocks_new_cars_module { flex-direction: column; height: auto; padding: 0 5px; } 

 .tiled_block_nc { width: 100%; height: 260px; justify-content: center; align-items: center; } 

 .tiled_block_nc_title { font-size: 30px; } 

 /*Dealership Module*/
 .dm_title { font-size: 30px; } 

 .dealership_blocks { overflow-y: scroll; justify-content: flex-start; } 

 .dealership_block { width: 254px; height: 172px; } 

 /*Brands Module*/
 .bm_brands { width: 100%; column-gap: 18px; } 

 .bm_brand { width: 106px; height: 106px; } 

 /*KPI Module*/
 .kpi_module_kpis { flex-wrap: wrap; column-gap: 0; row-gap: 20px; } 

 .kpi_module_kpi { width: 50%; } 

 .kpi_module_button { max-width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } 

 /*New Car Module*/
 .new-car-module .car-slider-wrapper.ucl-list .car-slider { overflow-x: scroll; flex-wrap: nowrap; justify-content: flex-start; } 

 .new-car-module .ucl-list .new-car-module-block { flex-shrink: 0; width: 290px; margin: 0; } 

 .new-car-module .ucl-list .cb-image { height: 245px; } 

 /*New Car Search Wizard*/
 .ncsw-heading { font-size: 28px; } 

 .ncsw-fuels { flex-wrap: wrap; row-gap: 10px; } 

 .ncsw-bodys { flex-wrap: wrap; row-gap: 20px; } 

 .ncsw-budget-price { font-size: 16px; } 

 .ncsw-brands { flex-wrap: wrap; justify-content: space-between; column-gap: 0; } 

 .ncsw-brand { width: 69px; height: 69px; } 

 /*New Car Search Page*/
 .new-car-filter-form { width: 100%; } 

 .new-car-block { width: 100%; } 

 .new-car-block .ncb-image { height: auto; } 

 /*New Car Details*/
 .new-car-header-video { max-height: initial; height: calc((100vw / 1.78) - 100px); } 

 .new-car-header-video iframe { transform: translateY(-50px); } 

 .new-car-quick-details { padding: 15px 10px 20px 10px; } 

 .new-car-quick-details .row { height: auto; } 

 .new-car-logo { width: 50px; margin-right: 10px; align-self: flex-start; } 

 .new-car-title-container { width: calc(100% - 60px); } 

 .new-car-title { font-size: 24px; line-height: 32px; } 

 .new-car-variations { font-size: 14px; } 

 .new-car-price { width: 100%; padding: 0; margin: 15px 0; text-align: left; border: 0; } 

 .new-car-actions { width: 100%; column-gap: 0; } 

 .new-car-action-button { width: calc((100% - 10px)/2); margin-left: 0; font-size: 14px; padding:0; } 

 .new-car-action-button.newCarEnquire { margin-right: 10px; } 

 .new-car-tab-links { overflow-y: scroll; justify-content: flex-start; height: 50px; } 

 .new-car-tab-link { flex-shrink: 0; font-size: 14px; } 

 .new-car-tab-link.active::after { bottom: 0; } 

 .new-car-images-prev, .new-car-images-next { width: 32px; height: 50px; top: calc(50% - 25px); background-size: 13px; } 

 .lb-overlay>div>a:not(:first-child) { left: -22px}

 .lb-overlay>div>a:nth-child(2) { left: initial; right: -22px; } 

 .finance-pricing-box { padding: 0; background: #fff; margin-bottom: 20px; } 

 .new-car-finance-pricing-toggle { font-size: 20px; font-weight: bold; line-height: 50px; padding: 0 10px; background: url(../images/plus.svg) calc(100% - 10px) center no-repeat; cursor: pointer; border-top: 1px solid #EBEDEE; } 

 .new-car-finance-pricing-toggle.open { background-image: url(../images/minus.svg); } 

 .new-car-finance-pricing-toggle:first-of-type { border-top-width: 0; } 

 .new-car-finance-form .used-car-finance-breakdown { font-size: 12px; } 

 .new-car-variant-title { border-bottom: 0; font-size: 16px; } 

 .new-car-finance-pricelist { padding-left: 10px; padding-right: 10px; font-size: 12px; } 

 .new-car-finance-pricing-tab { display: none; padding-top: 10px; padding-bottom: 10px; } 

 .new-car-finance-pricing-text { font-size: 16px; } 

 .new-car-finance-pricing-text b { font-size: 20px; } 

 .new-car-finance-pricing-links { flex-direction: column; row-gap: 10px; } 

 .new-car-running-cost { display: block; line-height: 24px; padding:10px; } 

 .new-car-running-cost > span { display: block; } 

 .new-car-price-list, .new-car-apply-tradein { line-height: 42px; } 

 .nctc-image-point.active .nctc-image-point-digit { transform: scale(1.5, 1.5); } 

 .nctc-image-point-digit { width: 20px; height: 20px; font-size: 10px; transform: scale(1, 1); transition: 0.3s ease-in; } 

 .nctc-image-point-content { display: none; } 

 .nctc-points-full { flex-wrap: wrap; } 

 .nctc-point-full { width: 100%; } 

 .new-car-layout-blocks .layout_inner { padding-left: 0 !important; padding-right: 0 !important; } 
 }