html { scroll-behavior: smooth; overflow-x: hidden; overflow-y: scroll; }
body { background: #F9F9F9; font-family: 'Work Sans', sans-serif; font-size: 14px; color: #212121; width: 100%; overflow: hidden; }
p { font-family: 'Work Sans', sans-serif; }
a:focus-visible { color: #000; outline: 1px solid #000; }
input[type=checkbox], input[type=radio] { accent-color: #D85D38; }
iframe { max-width: 100%; }
a.skiptocontent { position: absolute; top: 0; left: 0; opacity: 0; width: 1px; height: 1px; }
a.skiptocontent:focus, a.skiptocontent:active { display: flex; align-items: center; justify-content: center; height: 30px; padding: 0 20px; border: 1px solid #000; background: #f9dc4a; color: #000; font-size: .875rem; font-weight: bold; opacity: 1; width: auto; z-index: 10000; }

.favourite-pop-up{position: fixed;  right: 0; top: 0; background:#fff; padding: 10px 15px; border: 1px solid #EF398E; border-radius:0 0 5px 5px; 
   display: flex; gap:10px; align-items: center; z-index: -1; opacity: 0; visibility: hidden; transition: ease-in-out all .3s;}
.favourite-pop-up.active{opacity: 1; visibility: visible; z-index: 11000;}
.favourite-pop-up >div{display: flex; flex-direction: column;}
.favourite-pop-up::before{content: ""; height: 32px; width: 32px; background: url(../images/unlike.svg) center no-repeat; flex-shrink: 0;}
.favourite-pop-up span{font-size: 18px; color: #D90166; font-weight: bold;}
.favourite-pop-up a{color: #33363E; font-size: 12px; text-decoration: underline;}

.main-back-link{margin-right: auto;}
.main-back-link a{display: flex; align-items: center; gap:5px; text-transform: uppercase; color: #fff; text-decoration: underline; font-weight: bold;}
.main-back-link a::before{content: ""; height: 8px; width: 8px; border: solid #D85D38; border-width: 0 0 2px 2px; transform:rotate(45deg); }

.top-wrap { position: relative; z-index: 1000; }
.top-wrap .row { justify-content: space-between; align-items: center; height: 40px; }
.top-wrap-inner { display: flex; align-items: center; gap: 20px;}
.top-wrap .trustpilot-widget { width: 420px; }

.top-favourite {display: flex; align-items: center; gap:5px;}
.top-favourite span {color: #fff; text-decoration: underline; font-size: 0.875rem;}

.header-ownerzone {display: flex; align-items: center; gap:5px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 16px; }
.header-ownerzone > div{display: flex; align-items: center; gap:5px; align-items: center;}
.header-ownerzone a { font-weight: normal; text-transform: none; display: block; color: #fff; text-decoration: underline; }

.header-wrap { width: 100%; z-index: 100; text-align: left; box-shadow: 0px 0px 4px #00000029; position: relative; }
.header-wrap .row:first-of-type { height: 80px; align-items: center; flex-wrap: nowrap; gap:20px;}
.header-wrap .logo { height: 100%; display: flex; align-items: center; flex-shrink: 1; }

.header-search{background: #fff; border-radius: 10px; height: 54px; width: 600px; display: flex; align-items: center; 
   border:1px solid #484B54; background: #FFFAF9; margin: 0 0 0 auto; position: relative; z-index: 100;}
.header-search input{flex-grow: 1; padding: 0 10px; height:100%; border: 0; color: #33363E; border-radius: 10px 0 0 10px; }
.header-search input::placeholder{color: #33363E;}
.header-search button{width: 60px; cursor: pointer; height: 100%; border: 0; outline: 0; background: url(../images/search-icon.svg) center no-repeat #fff; border-radius: 10px;}

.search-auto-complete { display: none; }
.search-auto-complete.show { display: flex; flex-direction: column; position: absolute; left: -1px; top: calc(100% + 1px); background: #fff; border: 1px solid var(--mainColour); border-top-width: 0; width: calc(100% + 2px); box-sizing: border-box; padding: 10px 15px; line-height: 30px; border-radius: 10px; 
   z-index: 1; }
.search-auto-complete a { color: #000 !important; }

body.sticky .header-wrap { position: fixed; top: 0; left: 0; width: 100%; z-index: 6000;}
body.sticky.AB-present .header-wrap { top: 50px; }
body.sticky .logo { margin-right: auto; }
body.sticky .header-more-menu-container { padding: 12px 15px; }
body.sticky .logo img:first-child, body:not(.sticky) .logo img:nth-child(2) { display: none; }
.main-menu { margin: 0 0 0 auto; padding: 0; list-style: none; font-size: 0; line-height: 0; display: flex; flex-shrink: 0; }
.main-menu>li { font-size: 16px; text-transform: uppercase; font-weight: 600; padding: 0; margin: 0; line-height: 40px; position: relative; vertical-align: middle; }
.main-menu>li.has-children>a:after { content: ""; align-self: stretch; background: url(../images/menu-down.svg) center center no-repeat; margin-left: 4px; width: 10px; }
.main-menu li.has-children.menu_open > ul { display: block; }
.main-menu>li>a { color: #fff; padding: 0 20px; display: flex; align-items: center; }
.main-menu>li:hover>a, .main-menu>li.active>a, .main-menu>li>ul li:hover>a { color: #D85D38; }
.main-menu>li:hover>ul, .main-menu>li>ul>li:hover>ul { display: block; }
.main-menu>li>ul { display: none; background: #fff; z-index: 1000; position: absolute; top: 40px; left: 0; padding: 10px 0; margin: 0; list-style: none; box-shadow: 0px 0px 4px #00000029; border-radius: 0px 0px 5px 5px; }
.main-menu>li>ul li { line-height: 30px; padding: 0; margin: 0; list-style: none; position: relative; }
.main-menu>li>ul>li a { color: inherit; padding: 0 10px; display: block; font-size: 15px; text-transform: uppercase; overflow: hidden; width: 200px; line-height: 18px; }
.main-menu>li>ul>li:not(:last-child) { margin-bottom: 10px; }
.main-menu>li>ul>li:hover a { text-decoration: none !important; }
.main-menu>li>ul>li>ul { display: none; background: #303440; z-index: 1000; position: absolute; top: 0px; left: 100%; padding: 0; margin: 0; list-style: none; width: 200px; }
.header-more-menu-container { display: flex; align-items: center; justify-content: center; padding: 15px; position: relative; box-sizing: border-box; }
.more-menu-toggle { flex-grow: 0; flex-shrink: 0; cursor: pointer; z-index: 10; text-align: center; font-size: 10px; text-transform: uppercase; }
.main-more-menu { display: none; position: absolute; top: 0; right: 0; background: #32363f; z-index: 9; box-shadow: 0px 0px 4px #00000029; border-radius: 5px; margin: 0; padding: 10px 70px 10px 10px; list-style: none; white-space: nowrap; }
.main-more-menu>li { margin: 0; padding: 0; }
.main-more-menu>li>a { text-decoration: none !important; font-weight: 600; text-transform: uppercase; line-height: 34px; color: #fff;}
.footer-wrap { line-height: 30px; background: #33363E; color: #fff; padding: 30px 0; font-size: 16px; line-height: 28px; }
.footer-wrap span { font-size: 20px; display: block; margin-bottom: 5px; color: #fff; line-height: 40px; margin-bottom: 25px; font-weight: bold; }
.footer-wrap span:after { content: ""; display: block; width: 27px; height: 3px; background: #D85D38; }
.footer-wrap a { color: #fff; }
.footer-dealership { border: 1px solid #484B54; border-radius: 5px; line-height: 55px; box-sizing: border-box; padding: 0 10px; font-size: 14px; display: flex; align-items: center; margin-bottom: 5px; max-width: 400px; }
.footer-dealership a { color: #fff; text-decoration: none; }
.footer-dealership a.footer_number { display: block; margin-left: auto; padding-right: 10px; margin-right: 10px; border-right: 1px solid #484B54; color: #fff !important; }
.footer-wrap div>ul { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; }
.footer-wrap div>ul>li { font-size: 16px; padding: 0; margin: 0; line-height: 30px; position: relative; vertical-align: middle; display: block; text-decoration: none !important; }
.footer-wrap div>ul>li>a { color: #fff; padding: 8px 0; display: block; }
.footer-wrap div>ul>li ul { display: none; }
.footer-wrap div>ul>li  span{display: none;}

.footer-logos { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 35px; }
.footer-logos>div:first-child { display: flex; gap: 20px; align-items: flex-start; }
.footer-logos img { flex-grow: 0; flex-shrink: 0; }
.footer-part { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.footer-part p { color: #fff; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #505050; }
.footer-part a { margin-bottom: 20px; }
.byline-wrap { background: #dddddd; text-align: center; padding: 30px 0; color: #797979; font-size: 12px; }
.byline-menu { margin: 0 0 20px 0; padding: 0; list-style: none; display: flex; justify-content: center; }
.byline-menu li { margin: 0; padding: 0; font-size: 14px; line-height: 20px; padding: 0; }
.byline-menu li:not(:last-child) a { border-right: 1px solid #33363E; }
.byline-menu li a { color: #33363E !important; text-decoration: none !important; padding: 0 10px; }
.byline-link { text-decoration: none !important; color: inherit !important; }
.social_links { display: flex; }
.social_links a { width: 30px; height: 30px; margin-right: 10px; }
.social_links a img { width: 100%; height: 100%; }
img { max-width: 100%; max-height: 100%; height: auto; width: auto; }
h1, .h1 { font-size: 38px; font-weight: normal; line-height: 42px; margin: 0; padding: 10px 0; color: #33363E; }
h2 { font-size: 32px; font-weight: normal; line-height: 40px; margin: 0; padding: 10px 0; color: #33363E; }
h3 { font-size: 28px; font-weight: normal; line-height: 38px; margin: 0; padding: 10px 0; color: #33363E; }
h4 { font-size: 26px; font-weight: normal; line-height: 36px; margin: 0; padding: 10px 0; color: #33363E; }
h5 { font-size: 24px; font-weight: normal; line-height: 34px; margin: 0; padding: 10px 0; color: #D85D38; }
h6 { font-size: 20px; font-weight: normal; line-height: 30px; margin: 0; padding: 10px 0; color: #D85D38; }
p { font-size: 16px; font-weight: normal; line-height: 26px; margin: 20px 0; padding: 0; color: #444444 }
ul { list-style: square; margin: 20px; padding: 0; }
ol { list-style: decimal; margin: 20px; padding: 0; }
ul li, ol li { margin: 5px 0; padding: 0 0 0 20px; font-size: 16px; line-height: 26px; color: #444444 }
a { text-decoration: none; color: #289dcc; }
strong { font-weight: bold; }
.hidden { display: none; }
.form-buttons { display: flex; gap: 10px; }
.button-primary, .button-secondary, .button-cancel { display: inline-block; line-height: 1; border: 1px solid #000; font-size: 16px; text-transform: uppercase; font-weight: bold; color: #fff !important; padding: 16px 26px; text-align: center; border-radius: 50px; cursor: pointer; text-decoration: none !important; }
.button-primary { background: var(--main-colour); border-color: var(--main-colour); }
.button-cancel { background: #E9EAEB; border-color: #D3D8D9; color: #404953 !important; }
.button-primary:hover { background: #fff; color: var(--main-colour) !important; }
.button-secondary { background: var(--secondary-colour); border-color: var(--secondary-colour); }
.button-secondary:hover { background: #fff; color: var(--secondary-colour) !important; }
.form-buttons :is(.button-primary, .button-secondary, .button-cancel) { padding: 0 15px; }
.button-secondary-full-width { width: 100%; text-align: center; justify-content: center; }
.grey-background { background: #F6F6F6; border: 1px solid #D3D8D9; border-width: 1px 0; padding: 45px 20px; box-sizing: border-box; text-align: center; }
.full-width-fix { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

/*Flexslider*/
.flexslider { transition: all 0.3s ease-in-out 0s; height: auto; position: relative; }
.flex-viewport { height: 100% !important; }
.flexslider .slides { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.flexslider .slides>li { display: none; -webkit-backface-visibility: hidden; position: relative; margin: 0; padding: 0; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; min-height: 100px; }
.flexSliderContainer.parallax .slides>li { background-attachment: fixed; }
.flexslider .slides { height: 100%; }
.flexslider .slides>li.flex-active-slide { display: flex !important; flex-direction: column }
.flexslider .slides>li>a { display: block; width: 100%; height: 100%; text-decoration: none; }
.flexslider .slides>li>img, .flexslider .slides>li>a>img { width: 100%; display: block; z-index: 4; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides>li:first-child { display: block; }
.flexSliderContainer.arrow { position: relative; }
.flexSliderContainer.arrow .flexslider { margin-bottom: -30px; }
.flexSliderContainer.arrow .slides>li, .flexSliderContainer.arrow .slides>li>a { clip-path: polygon(0 calc(100% - 30px), calc(50% - 30px) calc(100% - 30px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 30px) calc(100% - 30px), 100% calc(100% - 30px), 100% 0, 0 0); -webkit-clip-path: polygon(0 calc(100% - 30px), calc(50% - 30px) calc(100% - 30px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 30px) calc(100% - 30px), 100% calc(100% - 30px), 100% 0, 0 0); }
.flex-caption { display: flex; flex-direction: column; height: 100%; margin: 0 auto; }
.flex-caption>div { display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; height: auto; }
.flex-caption>div.background { background: rgba(0, 0, 0, .7); padding: 20px 60px; }
.flex-caption:empty { display: none; }
.flex-caption.halign-right { align-items: flex-end; }
.flex-caption.halign-left { align-items: flex-start; }
.flex-caption.halign-center { align-items: center; }
.flex-caption.valign-top { justify-content: flex-start; }
.flex-caption.valign-center { justify-content: center; }
.flex-caption.valign-bottom { justify-content: flex-end; }
.flex-caption h1 { }
.flex-caption p { line-height: 26px; padding: 0; margin: 0; }
.flex-caption a { text-decoration: none !important; }
.flex-caption .fs-button { border: 1px solid #0f71b5; width: 192px; height: 50px; }
.flex-caption .fs-button a { color: #fff; font-weight: bold; width: 192px; height: 50px; display: inline-block; text-align: center; line-height: 50px; }
.flex-caption .fs-button a:hover { background: #0f71b5; transition: ease all .5s; }
.flex-control-paging { position: absolute; bottom: 20px; display: flex; width: 100%; left: 0; align-items: center; justify-content: center; z-index: 60 }
.flex-control-paging { list-style: none; display: none; align-items: center; margin: 0; padding: 0; }
.flex-control-paging>li { padding: 0; margin: 0; font-size: 0; display: flex; align-items: center; justify-content: center; }
.flex-control-paging>li>a { width: 25px; height: 25px; border-radius: 100%; border: 1px solid #5d2956; margin: 0 8px; background: #fff; }
.flex-control-paging>li>a.flex-active { background: #5d2956; }

/*Fullscreen gallery arrows*/
.flex-direction-nav { position: absolute; top: calc(50% - 40px); margin: 0; padding: 0; width: 100%; list-style: none; }
.flex-direction-nav li { padding: 0; height: 80px; width: 40px; line-height: 40px; position: absolute; z-index: 10; background: rgba(255, 255, 255, 0.9); }
.flex-direction-nav li a { font-size: 0; height: 100%; display: flex; align-items: center; justify-content: center; }
.flex-direction-nav li a:before { content: url(../images/gallery-right.svg); height: 30px; }
.flex-direction-nav .flex-nav-next { right: 0; }
.flex-direction-nav .flex-nav-prev { left: 0; }
.flex-direction-nav .flex-nav-next a:before { }
.flex-direction-nav .flex-nav-prev a:before { rotate: 180deg; }
.flex-direction-nav li:hover a:before { opacity: 1; transition: ease all .3s; }
.contact-form { margin: 10px 0 20px; background: #F6F6F6; border: 1px solid #F2EEEE; border-radius: 5px; padding: 15px; }
.contact-form .cf-text { font-weight: bold; font-size: 20px; margin-bottom: 10px; }
.contact-form .cf-input { font-size: 0; line-height: 0; margin-bottom: 20px; }
.contact-form label { display: block; width: 100%; font-size: 14px; font-weight: bold; color: #000; font-weight: bold; line-height: 24px; }
.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=date], .contact-form textarea, .contact-form select { display: block; width: 100%; font-size: 16px; color: #000; font-weight: normal; height: 50px; line-height: 50px; background: #FFFFFF; border: 1px solid #EBEDEE; border-radius: 5px; box-sizing: border-box; padding: 0 5px; }
.contact-form label span, .contact-form .cf-note span { color: #D85D38; }
.contact-form textarea { resize: none; height: 90px; }
.contact-form select { padding: 0; margin-bottom: 20px; }
.contact-form .cf-checkbox, .contact-form .cf-radiobox { margin-bottom: 20px; }
.contact-form .cf-checkbox span:not(:first-of-type), .contact-form .cf-radiobox span:not(:first-of-type) { margin-left: 20px; }
.contact-form .cf-checkbox input, .contact-form .cf-radiobox input { accent-color: #D85D38; }
.contact-form .cf-buttons { line-height: 0; font-size: 0; text-align: right; }
.contact-form .cf-buttons a { background: #F0EFEF; line-height: 48px; padding: 0 30px; color: #787878; font-size: 18px; display: block; text-align: center; font-weight: bold; border-radius: 5px; }
.contact-form .cf-buttons a.cf-submit { background: #D85D38; color: #fff; position: relative; text-decoration: none !important; text-transform: uppercase; }
.contact-form .cf-buttons a.cf-submit:after { content: ""; display: block; height: 20px; width: 13px; position: absolute; right: 10px; top: calc(50% - 10px); background: url(../images/arrow-right-white.svg) center center no-repeat; background-size: 100%; }
.contact-form .cf-note { font-size: 10px; padding-top: 20px; }
.contact-form .cf-validation { text-align: center; height: 0; padding: 10px 0; box-sizing: border-box; font-size: 16px; color: #ee660b; font-weight: bold; transition: all 2s ease-in-out 0s; }
.cf-upload { }
.cf-upload .cf-dropFiles { display: flex; align-items: center; gap: 10px; }
.cf-upload .cf-dropFiles>div { display: flex; align-items: center; justify-content: center; flex: auto; height: 40px; background: #8D032B10; border: 1px solid #8D032B; color: #8D032B; }
.cf-upload .uploadFiles { display: flex; align-items: center; gap: 10px; }
.cf-upload .uploadFiles span { font-size: 16px; text-decoration: underline; }
.cf-upload .filesList { margin-bottom: 15px; }
.cf-upload .filesList>div { display: flex; align-items: center; gap: 10px; padding: 5px 0; }
.cf-upload .filesList>div>span { display: block; padding-left: 30px; background: url(../images/image-icon.svg) no-repeat left center; font-size: 16px; color: #515859; margin-right: 10px; }
.cf-upload .filesList>div>a.viewFile { display: block; width: 15px; height: 15px; background: url(../images/search-thin.svg) no-repeat center; background-size: contain; }
.cf-upload .filesList>div>a.deleteFile { display: block; width: 15px; height: 15px; background: url(../images/trash-grey.svg) no-repeat center; background-size: contain; }
.cf-recpatcha { margin-bottom: 15px; }
.landingPage .logo { height: 50px; }
.landingPage .header_address { font-size: 14px; line-height: 20px; }
.landingPage .menu_wrap, .landingPage .footer-wrap { display: none; }

/********Layout Block Module********/
.layout_module_setting .form-group { max-height: 500px; overflow: scroll; overflow-x: hidden; }
.form-group label { margin-top: .5rem; font-size: 16px; }
.form-group select { width: 100%; height: 40px; padding: .375rem .75rem; font-size: 16px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.block_layout_module { margin: 20px 0; }
.block_layout_module .layout_block { margin: 0; display: flex; align-items: center; }
.block_layout_module .layout_image { width: 50%; height: 500px; background-color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.block_layout_module .layout_video.reveal { cursor: pointer; }
.block_layout_module .layout_video.reveal:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 88px; height: 88px; background: url(../images/play.svg) center center no-repeat; background-size: 100% 100%; }
.block_layout_module .layout_video iframe { height: 100%; width: 100%; }
.block_layout_module .layout_content { width: 50%; display: flex; position: relative; min-height: 100%; }
.block_layout_module .layout_content :is(p, li) { font-size: 16px; line-height: 26px; margin: 0; font-weight: 300; }
.block_layout_module .layout_inner { padding: 15px 50px 15px 40px; display: flex; flex-direction: column; align-content: flex-start; justify-content: center; gap: 20px; }
.block_layout_module .layout_title { font-size: 30px; font-weight: 900; color: #33363E; line-height: 42px; }
.block_layout_module .layout_title:after { content: ""; background: #D85D38; display: block; width: 40px; height: 3px; margin-top: 10px; }
.block_layout_module .layout_title span { width: calc(100% - 44px); }

/*Layout Button*/
.block_layout_module .layout_buttons { display: flex; flex-wrap: wrap; margin-top: 10px; gap: 10px; }
.block_layout_module .layout_buttons>a.layout_link { transition: ease-in-out all .3s; font-size: 16px; color: #fff; font-weight: 300; text-transform: uppercase; border: 1px solid #D85D38; padding: 0 20px; box-sizing: border-box; position: relative; background: #D85D38; border-radius: 3px; line-height: 46px; font-weight: bold; text-decoration: none !important; transition: ease-in-out all .3s; }
.block_layout_module .layout_buttons>a.layout_link:hover { background: #fff; color: #D85D38; }

/*Layout Position*/
.block_layout_module .layout_pos_Left { flex-direction: row-reverse; }
.block_layout_module .layout_pos_Right .layout_content { justify-content: flex-start; display: flex; }
.block_layout_module .layout_pos_Right .layout_inner { padding: 15px 0 15px 50px; }

/*Case Study Module*/
.case-studys-module { background: #F6F6F6; border: 1px solid #D3D8D9; padding: 50px 0 30px 0; }
.case-studys-heading { text-align: center; color: #33363E; font-size: 32px; margin-bottom: 20px; }
.case-studys-heading:not(:empty):after { content: ""; display: block; width: 40px; height: 3px; background: #D85D38; margin: 30px auto 0 auto; }
.case-study-blocks { display: flex; column-gap: 20px; justify-content: center; }
.case-study-block { flex: 1 auto; max-width: 25%; position: relative; background: #FFFFFF; box-shadow: 0px 0px 4px #00000029; border-radius: 10px; padding: 75px 15px 15px 15px; margin-top: 60px; text-align: center; color: #33363E; font-size: 18px; }
.case-study-image { width: 120px; height: 120px; position: absolute; left: 50%; top: 0; background-color: #F6F6F6; transform: translate(-50%, -50%); border-radius: 50%; overflow: hidden; background-size: contain; }
.case-study-title { font-weight: bold; margin-bottom: 10px; }
.case-study-subheadings { height: 80px; }
.case-study-subheadings>div { display: flex; align-items: center; justify-content: center; column-gap: 5px; margin-bottom: 10px; line-height: 22px; }
.case-study-link { display: block; margin: 0 auto; border: 1px solid #D85D38; border-radius: 5px; background-color: #fff; width: 90%; max-width: 250px; color: #D85D38 !important; text-decoration: none !important; font-weight: bold; text-align: center; line-height: 48px; transition: background-color 0.3s; }
.case-study-link:hover { background-color: #D85D38; color: #fff !important; }

/*Login Poups*/
.acc-pop-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 6003; background: #00000064; }
.acc-pop-overlay:not(.hidden) { display: flex; align-items: center; justify-content: center; }
.acc-pop-container { box-shadow: 0px 0px 6px #00000029; border: 1px solid #E9E5E5; border-radius: 5px; background: #F6F6F6; display: flex; flex-direction: column; align-items: center; padding: 15px; position: relative; }
.acc-pop-container h3:after { content: ""; display: block; width: 40px; height: 3px; background: #D85D38; margin: 0 auto; }
.acc-pop-message { font-size: 18px; margin-bottom: 10px; }
.acc-pop-note { font-size: 14px; height: 36px; color: #ea3b41; display: none; }
.acc-pop-label { font-weight: bold; font-size: 18px; margin-bottom: 10px; text-align: center; }
.acc-pop-container input { border: 1px solid #EBEDEE; border-radius: 5px; background: #fff; padding: 0 10px; width: 750px; max-width: calc(100vw - 10px); line-height: 50px; font-family: inherit; outline: none; margin-bottom: 15px; }
.acc-pop-close { position: absolute; top: 10px; right: 10px; }

/*OWNERZONE*/

/*Login Page*/
.login-page::after { content: ""; display: block; width: 100%; height: 100%; background: url(../images/ownerzonebg.webp) no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; }
.login-page { padding: 30px 0; background: #0C0C0CBD; }
.login-page .col-md-6 { align-self: center; }
.login-page h1 { color: #fff; display: flex; align-items: flex-start; column-gap: 10px; font-size: 40px; font-weight: bold; margin-bottom: 20px; }
.login-page h1 img { margin-top: 10px; }
.login-page h1 span { display: block; font-size: 14px; font-weight: normal; padding-left: 10px; }
.login-page h3 { color: #fff; font-size: 30px; line-height: 50px; margin-bottom: 10px; font-weight: bold; }
.login-page h3:after { content: ""; display: block; width: 40px; height: 3px; background: #D85D38; margin-top: 10px; }
.login-features { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 30px; }
.login-features>div { display: flex; align-items: center; column-gap: 5px; color: #fff; font-weight: bold; font-size: 20px; }
.login-tab-buttons { margin: 0 10px; display: flex; column-gap: 5px; }
.login-tab-buttons a { display: block; padding: 0 25px; line-height: 50px; font-weight: bold; font-size: 20px; border-radius: 5px 5px 0 0; border: 1px solid #fff; border-bottom-width: 0; background: #D85D38; color: #fff !important; text-decoration: none !important; }
.login-tab-buttons a.active { color: #D85D38 !important; background: #fff; }
.login-tab { padding: 15px; border-radius: 5px; font-size: 16px; margin-bottom: 10px; background: #fff; }
.login-tab:not(.active) { display: none; }
.login-row { display: flex; column-gap: 20px; margin-bottom: 15px; }
.login-group { flex: 1 50%; }
.login-group label { font-weight: bold; font-size: 14px; line-height: 32px; }
.login-group input { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #EBEDEE; border-radius: 5px; height: 50px; display: block; width: 100%; box-sizing: border-box; padding: 0 10px; font-family: inherit; }
.signup-buttons>div { width: 100%; line-height: 60px; border-radius: 5px; color: #fff; font-weight: bold; font-size: 20px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; column-gap: 5px; position: relative; background: #D85D38; }
.signup-buttons input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none; outline: none; border: 0; font-size: 0; box-shadow: none; z-index: 1; cursor: pointer; }
.login-helptext { font-size: 14px; color: #fff; line-height: 24px; }
.login-helptext a { color: #fff !important; text-decoration: none !important; display: block; }
.login-helptext a img { width: 24px; margin-right: 5px; }
.content_wrap .loginSplash { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: #32363F; overflow-y: auto; display: none; }
.content_wrap .loginSplash>div { min-height: 100%; width: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0; display: flex; opacity: 0; align-items: center; justify-content: center; flex-direction: column; transition: all 0.5s ease-in-out; }
.content_wrap .loginSplash>div.active { opacity: 1; }
.content_wrap .loginSplash>div>img { display: block; width: auto; margin: 20px auto; }
.content_wrap .loginSplash h2 { color: #0c1a38; font-size: 30px; line-height: 40px; text-align: center; margin: 0; padding: 0; }
.content_wrap .loginSplash p { color: #414141; font-size: 14px; line-height: 26px; margin: 0 0 10px; text-align: center; }
.content_wrap .loginSplash a.btn-primary { display: block; margin: 10px auto 0; color: #fff !important; }
.loginWith { background: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; gap: 10px; height: 50px; margin: 10px 0 0 0; -webkit-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.2); font-size: 16px; color: #000 !important; }
.loginWith img { width: 30px; }
.content_wrap .loginSplash .avatar { position: absolute; top: -40px; left: calc(50% - 40px); width: 80px; height: 80px; line-height: 80px; font-size: 40px; border-radius: 100%; background: #0069a9; margin-top: 10px; text-align: center; color: #fff; }
.content_wrap .loginSplash .card-header { height: 40px; }
.content_wrap .loginSplash .card-footer { text-align: center; }
.content_wrap .loginSplash .card-footer a { color: inherit; }
.content_wrap .loginSplash .card { box-shadow: 0 5px 15px rgba(0, 0, 0, .5); width: 350px; margin: 40px auto; background: #ededed; }
.content_wrap .passwordStrength { margin: 10px 0 20px; border: 1px solid #999; line-height: 30px; color: #000; width: 200px; border-radius: 5px; }
.content_wrap .passwordStrength:before { content: 'Password Strength'; padding: 0 10px; box-sizing: border-box; border-radius: 3px; color: #414141; }
.content_wrap .passwordStrength.weak:before { content: 'Weak'; display: block; width: 50%; background: #ed7272; }
.content_wrap .passwordStrength.medium:before { content: 'Medium'; display: block; width: 75%; background: #edcf72; }
.content_wrap .passwordStrength.strong:before { content: 'Strong'; display: block; width: 100%; background: #9ded72; }
#snackbar { visibility: hidden; text-align: center; position: fixed; z-index: 999900 !important; top: 30px; left: 50%; width: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#snackbar.show { visibility: visible; -webkit-animation: fadeinSnack 0.5s, fadeoutSnack 0.5s 2.5s; animation: fadeinSnack 0.5s, fadeoutSnack 0.5s 2.5s; }
@-webkit-keyframes fadeinSnack {
   from { top: 0; opacity: 0; }
   to { top: 30px; opacity: 1; }
}
@keyframes fadeinSnack {
   from { top: 0; opacity: 0; }
   to { top: 30px; opacity: 1; }
}
@-webkit-keyframes fadeoutSnack {
   from { top: 30px; opacity: 1; }
   to { top: 0; opacity: 0; }
}
@keyframes fadeoutSnack {
   from { top: 30px; opacity: 1; }
   to { top: 0; opacity: 0; }
}

/* XL SCREEN > 1400 */

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

/* @media (min-width: 1430px) { */
@media (min-width:1670px) {
   .mobile:not(.desktop-xlarge), .tablet:not(.desktop-xlarge), .desktop:not(.desktop-xlarge), .desktop-large:not(.desktop-xlarge) { display: none !important; }
   .desktop-xlarge-hidden { display: none; }
   .container { max-width: 1640px; }
}

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

/* LARGE SCREEN > 1200 */

/*---------------------*/
@media (min-width:1200px) and (max-width:1690px) {
   .mobile:not(.desktop-large), .tablet:not(.desktop-large), .desktop:not(.desktop-large), .desktop-xlarge:not(.desktop-large) { display: none !important; }
   .desktop-large-hidden { display: none; }
   .header-wrap .logo { width: 200px; flex-shrink: 0; }
   .main-menu>li>a { padding: 0 12px; font-size: 15px; }
}

/*DESKTOP < 1199px*/
@media (min-width:992px) and (max-width:1199px) {
   .mobile:not(.desktop), .tablet:not(.desktop), .desktop-large:not(.desktop), .desktop-xlarge:not(.desktop) { display: none !important; }
   .desktop-hidden { display: none; }
   .header-wrap .logo { width: 260px; }
   .main-menu>li { font-size: 14px; }
   .main-menu>li>a { padding: 0 10px; }
   .header-ownerzone span { display: none; }
   .footer-logos>div:first-child { gap: 5px; }
   .tiled_blocks_new_cars_module { height: 250px; }
   .tiled_block_nc_title { font-size: 30px; }
   .tiled_block_nc_pretitle { font-size: 16px; }
}

/*Desktop Tablet and Mobile*/
@media (max-width:1199px) {
   .footer-wrap { padding-top: 30px; }
   .footer-wrap .container { max-width: 100%; }
   .footer-wrap .row>div { padding-left: 0; padding-right: 0; }
   .trustpilot-footer { margin-bottom: 20px; }
   .footer-wrap span { font-size: 16px; text-align: center; border: 1px solid #484B54; border-width: 1px 0 0 0; margin-bottom: 0; padding: 15px 0; line-height: 28px; }
   .footer-wrap span:after { display: none; }
   .footer-dealerships { padding: 0 10px 20px 10px; }
   .footer-dealership { max-width: initial; }
   .footer-dealerships, .footer-wrap div>ul { display: none; padding-bottom: 20px; }
   .footer-wrap div>ul:after { content: ""; display: block; clear: both; }
   .footer-wrap div>ul>li { text-align: center; }
   .footer-logos { border-top: 1px solid #484B54; flex-direction: column; align-items: center; width: 100%; padding-top: 20px; }
   .social_links { order: 0; text-align: center; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; }
   .social_links>div { width: 100%; text-align: center; font-size: 14px; margin-bottom: 10px; }
   .footer-logos .trustpilot-footer { order: 2; }
   .footer-logos>div:first-child { order: 1; display: flex; align-items: center; column-gap: 20px; margin-bottom: 20px; }
   .footer-wrap span.footer-toggle { position: relative; }
   .footer-wrap span.footer-toggle img { position: absolute; right: 10px; top: 20px; }
}

/*--------*/
/* TABLET & Mobile */
/*--------*/
@media (max-width:991px) {
   .menu-toggle { align-self: stretch; display: flex; align-items: center; padding: 0 10px 0 20px; margin-left: 10px; cursor: pointer; z-index: 1001; }
   .menu-toggle img { transition: rotate 0.3s; }
   .menu-toggle.active img { rotate: 90deg; }

   .menu-toggle img{transition: opacity .3s ease-in-out;}
   .menu-toggle img.dark{opacity: 0; width: 0;}
   .menu-toggle.active img:not(.dark){opacity: 0; width: 0;}
   .menu-toggle.active img.dark{opacity: 1; height: 21px; width: 27px;}

   .top-favourite { padding: 0 5px; margin-left:auto; }

   .header-search-responsive .header-search{width: 100%; margin:5px;}


   /*Footer*/
   .footer-wrap .trustpilot-widget { margin-bottom: 20px; }
   .footer-wrap .footer-logos{gap:20px;}
   .footer-wrap .footer-logos .trustpilot-widget { order: 2; }
   .footer-wrap .stripe-footer{order: 3;}

   /*Content Layout Module*/
   .block_layout_module .layout_block { display: block; }
   .block_layout_module .layout_image, .block_layout_module .layout_content { width: 100%; }
   .block_layout_module .layout_image { height: calc(100vw / 1.97); }
   .block_layout_module .layout_inner { padding: 15px 10px 20px 15px !important; }
   .block_layout_module .layout_video.reveal::after { width: 50px; height: 50px; }
   .block_layout_module .layout_video { height: calc(100vw / 1.78); }
}

/*--------*/
/* TABLET */
/*--------*/
@media (min-width:768px) and (max-width:991px) {
   .mobile:not(.tablet), .desktop:not(.tablet), .desktop-large:not(.tablet), .desktop-xlarge:not(.tablet) { display: none !important; }
   .tablet-hidden { display: none !important; }
   .top-wrap .container { position: relative; max-width: 100%; }
   .header-wrap .container { position: relative; max-width: 100%; }
   .header-wrap .row:first-of-type { height: 60px; }
   .logo { width: 225px; margin-right: auto; }
   .header-ownerzone { padding: 0 20px; font-size: 14px; line-height: 16px; }

   .tablet-menu { display: none; position: absolute; top: 0; right: 0; z-index: 100; flex-direction: column; background: #33363E80; width: 100vw; height: 100vh; list-style: none; padding: 0 0 0 10vw; margin: 0; overflow: scroll; }
   .tablet-menu>li { background: #fff; margin: 0; padding: 0 10px; display: flex; align-items: center; flex-wrap: wrap; min-height: 60px; border-bottom: 1px solid #00000029; }
   .tablet-menu li a { color: #33363E; font-weight: bold; text-transform: uppercase; font-size: 16px; margin-right: auto; line-height: 60px; }
   .tablet-menu li.has-children>div { border-left: 1px solid #00000029; padding: 0 15px; align-self: stretch; display: flex; align-items: center; justify-content: center; }
   .tablet-menu>li:first-child { color: #7E848B; font-size: 14px; }
   .tablet-menu>li:last-child { line-height: 40px; text-align: center; color: #333; border: 0; padding-top: 15px; padding-bottom: 15px; font-size: 14px; }
   .tablet-menu>li:last-child>a { font-weight: normal; font-size: 14px; color: #D85D38; }
   .tablet-menu>li:last-child div { margin-left: auto; text-transform: uppercase; color: #7E848B; }
   .tablet-menu>li ul, .tablet-menu>li>ul>li>ul { display: none; position: relative; list-style: none; margin: 0 -10px; background: inherit; width: calc(100% + 20px); border-top: 1px solid #00000029; }
   .tablet-menu>li ul>li, .tablet-menu>li>ul>li>u>li { height: 40px; }
   .tablet-menu>li ul>li>a, .tablet-menu>li>ul>li>u>li>a { font-size: 14px; line-height: 36px; font-weight: normal; }
   .tablet-menu>li ul>li>a { width: 100%; }
   .tablet-menu>div { background: #fff; }
   .tablet-menu>div li { margin: 0; }
   .tablet-menu>div li a { font-size: 14px; font-weight: 400; text-transform: uppercase; }
   .full-width-fix .flex-caption { width: 1140px; align-self: center; padding: 0; max-width: 100%; }

   /*Case Study Blocks*/
   .case-study-blocks { flex-wrap: wrap; row-gap: 20px; }
   .case-study-block { max-width: calc((100% - 20px)/2); width: 50%; }
}
@media (max-width:767px) {
   html, body { min-width: 320px; }
   .tablet:not(.mobile), .desktop:not(.mobile), .desktop-large:not(.mobile), .desktop-xlarge:not(.mobile) { display: none !important; }
   .mobile-hidden { display: none !important; }
   .top-wrap .container { max-width: 100%; }
   .top-wrap .row {padding: 0 5px;}
   .top-wrap .row a{font-size: 12px;}

   .top-wrap .trustpilot-widget{width: 180px;}

   .top-wrap-inner { display: flex; gap:10px;}
   .header-ownerzone img{width: 15px; height: 19px;}

   .number-menu { color: #fff; margin-left: 10px;}
   .top-numbers { position: absolute; top: 100%; white-space: nowrap; background: #32363f; padding: 10px; box-sizing: border-box; z-index: 1000; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24); left: 0; width: 100%;}
   .top-numbers a { display: flex; justify-content: space-between; column-gap: 10px; color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 10px; }
   .top-numbers a:last-child { margin: 0; }
   .top-numbers b{font-weight: 600;}
   .number-menu span{display: flex; gap:3px; align-items:center; }
   .number-menu > span::before{content: ""; flex-shrink: 0; height: 12px; width: 12px; background: url(../images/phone-white.svg) center no-repeat;}
   .number-menu > span.open::before{background-image: url(../images/close-round.svg);}
   .number-menu > span::after { content: "CALL"; font-size: 10px; }
   .number-menu > span.open::after { content: "CLOSE"; }

   .top-numbers::after{content:""; height: 10px; width: 10px}
   .top-numbers a span{display: flex; gap:3px; align-items: center; text-decoration: underline;}
   .top-numbers a span::before{content: ""; flex-shrink: 0; height: 12px; width: 12px; background: url(../images/phone-white.svg) center no-repeat;}

   .top-menu>li { padding: 0 10px; }
   .top-menu>li>a { font-size: 10px; }
   .top-menu>li>ul>li>a { font-size: 12px; }
   .top-wrap .row>a { font-size: 10px; }
   .header-wrap .container { max-width: 100%; position: relative; }
   .header-wrap .row:first-of-type { height: 60px; padding: 0 5px; }
   .logo { width: 225px; margin-right: auto; }

   .menu-toggle{padding: 0 10px; margin-left: 10px;}

   .header-search input{padding: 0; text-indent: 10px; font-size: 13px;}
   .header-search button{width: 40px; }

   .flex-caption { margin: 0; width: 100% !important;}
   .flex-caption>div { padding: 20px; }
   .flex-caption>div>div { min-width: 300px !important; word-wrap: break-word; }
   .flex-direction-nav li { height: 40px; width: 20px; line-height: 20px; }
   .flex-direction-nav li a:before { content: ""; background: url(../images/gallery-right.svg) no-repeat center; background-size: auto; width: 20px; background-size: 15px; }
   .menu_wrap .col-12 { display: flex; flex-direction: row; }
   .menuButton img { width: 30px; height: 30px; margin: 0 auto; }
   .callButton { width: 30px; height: 30px; margin-left: auto; }
   .mobile-menu { display: none; position: absolute; top: 0; right: 0; z-index: 300; flex-direction: column; background: #33363E80; width: 100vw; height: 100vh; list-style: none; padding: 0 0 0 10vw; margin: 0; overflow: scroll; }
   .mobile-menu>li { background: #fff; margin: 0; padding: 0 10px; display: flex; align-items: center; flex-wrap: wrap; min-height: 60px; border-bottom: 1px solid #00000029; }
   .mobile-menu li a { color: #33363E; font-weight: bold; text-transform: uppercase; font-size: 16px; margin-right: auto; line-height: 60px; }
   .mobile-menu li.has-children>div { border-left: 1px solid #00000029; padding: 0 15px; align-self: stretch; display: flex; align-items: center; justify-content: center; }
   .mobile-menu>li:first-child { color: #7E848B; font-size: 14px; }
   .mobile-menu>li:last-child { line-height: 40px; text-align: center; color: #333; border: 0; padding-top: 15px; padding-bottom: 15px; font-size: 14px; }
   .mobile-menu>li:last-child>a { font-weight: normal; font-size: 14px; color: #D85D38; }
   .mobile-menu>li:last-child div { margin-left: auto; text-transform: uppercase; color: #7E848B; }
   .mobile-menu>li ul, .mobile-menu>li>ul>li>ul { display: none; position: relative; list-style: none; margin: 0 -10px; background: inherit; width: calc(100% + 20px); border-top: 1px solid #00000029; }
   .mobile-menu>li ul>li, .mobile-menu>li>ul>li>u>li { height: 40px; }
   .mobile-menu>li ul>li>a, .mobile-menu>li>ul>li>u>li>a { font-size: 14px; line-height: 36px; font-weight: normal; }
   .mobile-menu>li ul>li>a { width: 100%; }
   .mobile-menu>div { background: #fff; }
   .mobile-menu>div li { margin: 0; }
   .mobile-menu>div li a { font-size: 14px; font-weight: 400; text-transform: uppercase; }
   h1 { font-size: 32px; line-height: 36px; }
   h2 { font-size: 30px; line-height: 34px; }
   h3 { font-size: 28px; line-height: 32px; }
   h4 { font-size: 26px; line-height: 30px; }
   h5 { font-size: 24px; line-height: 28px; }
   h6 { font-size: 22px; line-height: 26px; }
   p { font-size: 14px; line-height: 24px; }
   .footer-logos>div:not(.social_links)>img { max-width: 95px; }

   /*Case Study Blocks*/
   .case-study-blocks { flex-wrap: wrap; row-gap: 20px; }
   .case-study-block { max-width: 100%; width: 100%; }

   /*Fullscreen slider*/
   .content_wrap>.container>.row>.col-md-3 { padding-top: 10px; padding-bottom: 10px; }

   /*Fullscreen slider*/
   :is(.fleet-page, .motorstore-page, .hr-page) .footer-wrap { text-align: center; }
}