/********************
HEADER SECTION
*********************/
.header {
z-index:105;
position:fixed;
top:0;
left:0;
right:0;}
#header-top-section {
width:100%;
height:82px;
background-color: #222222;}
#header-top-section .box {
max-width:95%;
height:100%;
margin-left:auto;
margin-right:auto;
display:flex;
justify-content:space-between;
align-items:center;
/* padding-top: 15px; */
color:#FFFFFF;}
#head-logo {}
#head-logo img {
height : 55px;
width:100%;
margin-left: 25px;}
#head-call a{
display:flex;
color:#F5F8FA;margin-top: 10px;}
#head-call h6{
margin-left: 10px;
line-height: 30px;
font-size: 20px;
font-weight: 400;
color: #CD9826;
}
#head-location{
display: flex;margin-top: 5px;
}
#head-location h4{
margin-left: 10px;
font-weight: 400;
color: #CD9826;
font-size: 20px;
margin-top: 6px;
}
#head-right-logo{
display:flex;
margin-left: 27px;
}
#head-right-logo img{
margin-right: 35px;
}
#head-social {
display:flex;
justify-content:flex-end;}
#head-social a {
margin:5px;}
.header-top-section-part-menu {
/* position:absolute; */
/* top:85%;
left:0;
right:0; */
/* background-color:#05141F; */
height:40px;
/* padding-top:5px; */
/* border-radius: 4px; */
}
.header-top-section-part-menu ul{
display:flex;
justify-content:space-around;
}
.header-top-section-part-menu ul li {
list-style:none;
/* text-transform:uppercase; */
font-size:16px;
font-weight:500;
text-align: center;
}
.header-top-section-part-menu ul li a {
color:white; font-weight: 400;}
@media (max-width:1200px) {
.header-top-section-part-menu {
width:100%;
max-width:1200px;}
.header-top-section-part-menu ul li .nav-link {
padding:0.5rem;}
}
#mobile-header {
margin-left:0;
margin-right:0;
background:#131313;
color:white;}
#mobile-header .navbar ul .nav-link {
color:white;
}
.mobile-branding {
position: relative;
margin-top: 55px;
align-items: center;
justify-content: space-between;
display: flex;
padding: 10px 5px 10px 5px;
width: 100%;
background-color: #000000;
}
.mobile-branding .mobile-logo {
margin: auto;
width:75%;
}
.mobile-branding .stars {
height: 30px;
}
@media (min-width: 768px) {
.mobile-branding {
margin-top: 0;
}
}
@media (max-width:320px) {
.mobile-branding .mobile-logo {
height:55px;}}
/* @media (max-width:1399px) { */
#header-lg {display:none;}
/* @media (min-width:1400px){
#mobile-header {display:none;}} */
#navbarPhoneBar ul li {
width:100%;
}
#navbarPhoneBar .mobile-close-btn {
justify-content:space-between;}
#navbarPhoneBar a {
display:flex;}
#navbarPhoneBar a img {
margin-right:10px;}
.navbar-header {
height:53px;}
.mobile-menu, .mobile-search, .mobile-reserve, .mobile-phone, .mobile-favourite {
height:100%;}
@font-face {
font-family: "gotham";
src: url('../fonts/gotham-medium.ttf') format('truetype');
font-weight:500;
}
.header-phone{
/* font-family: "gotham"; */
display: flex;
font-size: 16px;
color: #111111;
}
.header-phone span {color:#FFF;}
.header-phone a,.header-phone a:hover{
color: #F5F8FA;
}
.header-address{
/* font-family: "gotham"; */
display: flex;
font-size: 20px;
color: #F5F8FA;
}
.header-message {text-align:left;}
.header-phone img, .header-address img{
margin-right: 10px;
}
.header-facebook-logo{
width: 20px;
height: 20px;
}
/********************
FOOTER
*********************/
#footer {
display:flex;
/* max-width:1340px; */
margin-left:auto;
margin-right:auto;
/* margin-top:10vh; */
font-size:16px;
color: #FFFFFF;
background: #333333;
/* padding-bottom: 100px; */
}
.footer-col {
width:20%;
display:flex;
flex-direction:column;}
@media (max-width:1024px) {
.footer-col {
padding-left:2%;}
#footer-badge {
padding-right:2%;}
}
.footer-col ul li {
list-style:none;
}
.footer-col a {
color:#657786;}
.footer-col .nav-link {
padding:0;}
#footer-badge {
align-items:center;}
#footer h4 {
text-transform:uppercase;
font-size:14px;
font-weight:700;
margin-bottom:20px;}
.title-number {
margin-bottom:20px;}
#sales-hours {
margin-bottom:20px;}
.footer-social {
margin-right:5px;}
.mobile-footer-col {
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
background-image:url('/images/dsm.banner.svg');
background-position:center;
background-repeat:no-repeat;
height:650px;
}
#brand-badges {
padding:0 10px;}
#brand-badges ul {
display:flex;}
#brand-badges ul li {
list-style:none;
width:20%;}
#brand-badges ul li img {
width:100%;}
#contact-details {
margin-top:20px;}
#contact-details a {
color: unset;
font-weight: 700;
font-size: 24px;}
#social-foot {
margin-top:30px;
}
.simi-badge {
margin-bottom:20px;}
.footer-section{
display: flex;
flex-direction: column;
align-items: center;
}
.footer-header{
margin-bottom: 50px;
margin-top: 40px;
display:grid;
grid-template-columns: 15fr 70fr 15fr;
}
.footer-grid-div {display:flex;align-items:center;justify-content:center;}
.footer-header:nth-child(1) {justify-content:flex-start;}
.footer-header:nth-child(3) {justify-content:flex-end;}
@media (max-width:768px) {
.footer-header {grid-template-columns:100fr;}
}
.footer-brand{
margin-bottom: 40px;
}
.footer-bottom{
margin-bottom: 50px;
display : flex;
justify-content: space-evenly;
width: 254px;
}
.footer-bottom img{
margin-right: 75px;
}
.footer-bottom img:last-child {
margin-right:0;}
.footer-copyright{
margin-bottom: 20px;
}
/********************
HOMEPAGE
*********************/
#hero-image {
height:90vh;
background-image:url(/images/home/hero.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;}
@media (width:1024px) {
#hero-image {
height:70vh;}}
@media (min-width:1400px) {
#hero-image {
height:70vh;}}
.search-box {
/*width: 100%;*/
position: absolute;
top: 5%;
left: 3%;
display: flex;
align-items: center;
z-index: 3;}
.search-box .container {
position: relative;
display:flex;
/* flex-direction:row-reverse; */
}
.search-box .container .row {
display: flex;
justify-content:center;
align-content:space-around;
padding: 35px;
}
.search-box .home-js-select-row {
width: 430px;
height: 460px;
padding: 17px 35px;
background-color: #FFF;
/* margin-top: 50px; */
}
.search-box .home-js-select-row .title-top-img {
/* text-transform:uppercase; */
font-weight:600;
text-align:start;
font-size: 32px;
margin-bottom: 20px;}
.search-box .home-js-select-row .col-md-12 {
padding-left:0;
padding-right:0;}
.search-box .home-js-select-row .search-submit {
display:flex;
justify-content:start;}
.search-box .home-js-select-row .search-submit img{
margin-right: 10px;
}
.search-box .home-js-select-row select {
width:100%;
height:52px;
border:1px solid #E6ECF0;
border-radius: 2px;
background: #FFFFFF;
color: #3C4858;
-moz-appearance: none;
-webkit-appearance: none;
background-image: url(../images/car-details/arrow-down.svg);
background-position: center right 20px;
background-size: 30px;
background-repeat: no-repeat;
padding-left: 15px;
}
.search-box .home-js-select-row button, .used-car-search-card .search-submit button {
color:#FFFFFF;
font-weight:700;
text-transform:capitalize;
background-color:#CF242C;
border-radius:100px;
border:none;
height:52px;
width:156px;}
@media (max-width:768px) {
.search-box .container .row {
margin-top:50px;
}
.search-box .home-js-select-row .title-top-img {
color:white;
}
.search-box .home-js-select-row {
background:#131313;
}
.search-box .home-js-select-row .search-submit, .search-box .home-js-select-row button{
background:#133560 !important;
color:white;
border-radius: 11px;
height: 59px;
width: 300px;
font-size: 24px;
font-weight: 400;
}
.search-box .home-js-select-row {
width:initial;
}
#EnquireModal .col-md-4{
margin-bottom: 20px !important;
}
#EnquireModal .form-control.accordion-used-car__form-control{
box-shadow: none;
border: none;
}
#EnquireModal .form-check{
margin-top: 10px !important;
}
#EnquireModal .enquiry_btn{
background: #013c74;
color: #FFFFFF;
padding: 13px 50px;
/* margin-left: 60px; */
}
}
@media (min-width:1000px) {
.search-box-h {
width: 100%;
position: absolute;
top: 80vh;
left: 0;
right:0;
display: flex;
align-items: center;
z-index: 3;}
.search-box-h .container {
position: relative;
display:flex;
justify-content:center; }
.search-box-h .home-js-select-row {
padding:15px 35px;
/* box-shadow:3px 3px 9px rgba(0,0,0,0.3); */
}
.search-box-h form {
width:100%;}
.search-box-h .home-js-select-row {
width:100%;
height:unset;
padding: 17px 35px;
background-color: transparent;
border-radius:5px;
margin-top:0;
}
.search-box-h .home-js-select-row .title-top-img {
width:100%;
font-weight:600;
text-align:start;
font-size: 32px;
margin-bottom: 20px;
padding-left:15px;}
.search-box-h .home-js-select-row button {
width:100%;}
.search-box-h .home-js-select-row .col-lg-3 {
padding:0;
}
}
@media (min-width:1400px) {
.search-box-h {
width: unset;
}}
.carousel-inner .carousel-inner-top .fullscreen{
height: 745px !important;
}
#home-main {
display:flex;
flex-wrap:wrap;
padding-left:0;
padding-right:0;}
#home-main .col-4 {
padding-left:0;
padding-right:0;
max-width:430px;}
#featured-motors {
margin-top:57px;}
#reviews #feedback{
text-align: start !important;
}
@media (max-width:767px) {
#home-main {
margin-top:200px;}
#home-main #special-offers h2 {
color:unset;
font-weight: 600;
font-size: 20px;
}
}
@media (width:768px){
#home-main {
margin-top:0;
}
#special-offers.featured {
padding:0;
}
#special-offers.featured .title-featured {
color:unset;
font-size:20px;
font-weight:600;
}
}
.homepage .featured .title-featured {
font-size:28px;
text-transform:uppercase;
font-weight:600;
text-align:left;
color:#3C4A52;
padding-top:20px;}
.stuart-featured-section{
display: grid;
grid-template-columns: repeat(4,1fr);}
.car-tile{
border: 1px solid #CCCCCC;
border-radius: 0px;
padding: 0;
background: #FFFFFF;
}
.card-img-top{
height: 100%;
}
.used-car-search-card .card-body select{
width:100%;
}
#services-section{
margin: 90px 20px;
}
.homepage-services-card{
flex-direction: row !important;
flex : 1 1 auto !important;
}
@media (max-width : 1200px){
/* .workshop-card-body p{
margin-bottom: 66px !important;
} */
.homepage-services-card{
flex-direction : column !important;
margin-bottom: 20px;
}
#services-section .card-img-top{
height : 100% !important;
width : 100% !important;
}
}
.workshop-card-body, .finance-card-body{
display : flex;
flex-direction: column;
justify-content: space-around;
}
.workshop-card-body {
background-color: #111111;
}
.finance-card-body{
background-color: #222222;
}
.workshop-card-body h2, .finance-card-body h2{
color: #ffffff;
font-size: 28px;
margin-bottom: 15px;
}
.workshop-card-body p, .finance-card-body p{
color: #AAB8C2;
font-size: 18px;
margin-bottom: 45px;
}
/* @media (min-width:769px) and (max-width:1200px){
.workshop-card-body p{
margin-bottom: 66px;
}
.homepage-services-card{
flex-direction : column !important;
margin-bottom: 20px;
}
#services-section .card-img-top{
height : 100% !important;
width : 100% !important;
}
} */
/* @media (min-width:450px) and (max-width:768px){
#services-section .card-img-top{
width: 220px !important;
}
.homepage-services-card{
flex-direction: row !important;
}
} */
/* @media (max-width:449px){
.homepage-services-card{
flex-direction: row !important;
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
height: 180px !important;
}
#services-section .card-img-top{
width: 150px !important;
}
} */
.workshop-card-body a, .finance-card-body a{
color: #ffffff;
font-size: 18px;
text-decoration: underline;
}
.services-card-content{
margin : 25px 10px 25px 28px;
}
#services-section .card-img-top{
height : 300px;
width : 300px;
}
#side-column-cards {
margin-right: -17px;
margin-left: 20px;}
h4.dealer-info {
font-size:20px;
font-weight:600;
margin-bottom: 30px;
margin-top: 57px;
text-transform: uppercase;}
#dealer-info {
color:white;
background-color:#951A2E;
display:flex;
flex-direction: column;
padding-left: 50px;
padding-top: 30px;
padding-bottom:50px;}
#dealer-info img {
width:80%;
height:100%;}
.dealer-info {
padding-top:20px;}
.dealer-info h6 {
font-weight:600;}
#dealer-map {
padding:0;}
@media (min-width:768px) and (max-width:1199px) {
#dealer-map{
float:left;
}
#side-column-cards {
margin-left:0;}
}
@media (max-width:767px) {
#side-column-cards{
margin-left:0;
margin-right:0;
}
}
#ctas {
margin-top:50px;
margin-bottom:50px;}
#homepage-calls {
display:flex;
height: 320px;}
.home-cta {
border:1px solid #E6ECF0;
border-radius:4px;
display:flex;
padding-right:10px;
padding-left:10px;
overflow:hidden;}
.home-cta h2 {
font-size:30px;
text-transform:uppercase;
font-weight:600;}
#home-cta-1 {
color:white;
background-color:#222222;
margin-right:10px;
margin-left:-16px;}
#home-cta-2 {
color:#3C4858;
background-color:white;
}
.home-cta a {
color:#FD5C63;}
.cta-text {
display: flex;
flex-direction: column;
justify-content: center;}
.home-cta {padding-right:0;}
.cta-img {
padding:0;}
.cta-img img {
width:129%;}
@media (max-width:768px){
#homepage-calls {
display:flex;
flex-wrap:wrap;
padding:0;}
#home-cta-1 {
margin-right:0;
margin-left:0;
margin-bottom:15px;
}
#home-cta-2 {}
.home-cta {
padding:0;
border-radius:0;}
.home-cta h2 {
font-size:18px;}
.home-cta p {
font-size:12px;}
.home-cta a {
font-size:12px;}
.cta-text {
padding:5px;}
.cta-img {
padding:0;}
.cta-img img {
width:100%;
height:100%;}
}
@media (max-width:767px) {
.cta-img {
overflow:hidden;
height:140px;
}
.cta-img img{
width:160%;
height:160%;
position:relative;
right:50%;
}
}
#feedback {
background:#ffffff;}
.container.feedback-padding {
margin-top:5vh;}
#feedback.feedback-home .feedback-title-top {
font-size:22px;
text-transform:none;
font-weight:700;
margin-bottom:3%;
color:#3C4A52; text-align: left;
margin-top: 30px;
}
#feedback.feedback-home .owl-carousel {
display:inline-flex;}
@media (max-width:992px) {
#feedback.feedback-home .owl-carousel {
display:block;}}
.feedback-item {
padding: 15px 15px 25px 15px;
position: relative;
width: 100%;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
.review-circle {
width:48px;
height:48px;
border-radius:30px;
background:#000000;
display:flex;
justify-content:center;
align-items:center;
}
.review-initial-letter {
color:#ffffff;
font-family: 'Open Sans Mono', monospace;
font-weight:600;
width: 1ch;
overflow: hidden;
white-space: nowrap;}
.feedback-owl{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap : 20px; }
@media (max-width:1024px){
.feedback-owl{
grid-template-columns: repeat(1,1fr);}
}
/* Reviews on Home Page with Carousel */
.owl-feedback .feedback-customer{
display: flex;
flex-direction: column;
}
#feedback-test .feedback-top-title, .opening-hours-top-title{
color : #3C4A52;
margin : 30px 0;
}
.owl-feedback .feedback-customer .feedback-customer-top{
display: flex;
margin : 10px 0;
}
.owl-feedback .feedback-customer .feedback-customer-bottom{
display: flex;
margin : 10px 10px;
}
.owl-feedback .feedback-customer .feedback-customer-bottom .feedback-content{
color : #3C4A52;
text-align: left;
font-weight: 400;
}
.owl-feedback .feedback-customer .feedback-customer-top .customer-details{
display: flex;
flex-direction: column;
}
.owl-feedback .feedback-customer .feedback-customer-top .customer-details .customer-name{
align-items: flex-start;
font-size: 16px;
font-weight : 400;
text-align: left;
color: #3C4A52;
}
.owl-feedback .feedback-customer .feedback-customer-top .customer-details .customer-rating-dates{
display: flex;
flex-wrap: wrap;
}
.owl-feedback .feedback-customer .feedback-customer-top .customer-details .customer-rating-dates .customer-rating{
margin-right : 10px;
-moz-margin-end: 40px;
display: flex;
height: 20px;
}
.owl-feedback .feedback-customer .feedback-customer-top .customer-details .customer-rating-dates .review-date{
color : #AAB8C2;
text-align: start;
height: 30px;
font-size: 12px;
margin-top: 3px;
}
/* End Reviews On Home Page with Carousel */
/* Reviews in Car Details without Carousel */
#feedback-test .feedback-owl .feedback-customer{
display: flex;
flex-direction: column;
}
#feedback-test .feedback-top-title, .opening-hours-top-title{
color : #3C4858;
margin : 30px 0;
font-size: 22px;
font-weight: 700;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-top{
display: flex;
margin : 10px 0;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-bottom{
display: flex;
margin : 10px 10px;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-bottom .feedback-content{
color : #3C4A52;
font-weight: 400;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-top .customer-details{
display: flex;
flex-direction: column;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-top .customer-details .customer-name{
align-items: flex-start;
font-size: 16px;
font-weight : 500;
color: #3C4A52;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-top .customer-details .customer-rating-dates{
display: flex;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-top .customer-details .customer-rating-dates .customer-rating{
margin-right : 10px;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-top .customer-details .customer-rating-dates .review-date{
color : #AAB8C2;
padding-top: 4px;
font-size: 12px;
}
/* End Reviews on Car Details Page Without Carousel*/
/* Reviews on Review Page */
.customer-reviews .customer-name, .customer-reviews .feedback-content{
text-align: left;
}
.reviews-top{
margin-top: 100px;
margin-bottom: 30px;
display: flex;
}
.reviews-top .review-desc{
display: flex;
flex-direction: column;
padding: 20px;
padding-left: 60px;
}
.reviews-top .review-desc .review-desc-header, .reviews-top .review-desc .review-desc-body, .reviews-top .review-desc .review-desc-footer{
text-align: left;
}
.reviews-top .review-desc .review-desc-header{
padding-top: 10px;
margin-bottom: 40px;
}
.reviews-top .review-desc .review-desc-header h6{
font-size: 36px;
font-weight: bold;
color: #3C4A52;
}
.reviews-top .review-desc .review-desc-body p{
font-size: 20px;
font-weight: 300;
color: #3C4A52;
margin-bottom: 20px;
}
.reviews-top .review-desc .review-desc-body{
margin-bottom: 50px;
}
.reviews-top .review-desc .review-desc-footer a{
font-size: 20px;
color: #013c74;
text-decoration: underline;
}
/* End Reviews on Review Page */
.feedback-circle{
width: 48px;
height: 48px;
border-radius: 30px;
background: #000000;
display:flex;
justify-content:center;
align-items:center;
margin-right: 20px;
}
.feedback-initial-letter{
color: #ffffff;
font-family: 'Open Sans Mono', monospace;
width: 1ch;
overflow: hidden;
white-space: nowrap;
font-weight:600;
}
.feedback-stars {
display: flex;
margin-top: 10px;}
#feedback .feedback-item .feedback-title h3 {
color: #3C4858;
font-weight: 700;
font-size: 22px;
margin-top:20px;}
#feedback .feedback-item .feedback-body {
margin-top:25px;
width:100%;}
#feedback.feedback-home .title-feedback-body {
margin-top:25px;
font-size:16px;
color:#657786;}
.feedback-date {
margin-top:25px;
font-size:12px;
color:#657786;}
#feedback.reviews-page {
display:flex;
flex-flow:wrap;}
.reviews-button.item.load-more, #feedback .button-feedback {
background:none;
border:none;
color: #05141F;
text-decoration: underline;
text-transform:capitalize;
font-weight:700;
/* font-family:"Montserrat", Sans Serif; */
/* margin-left: 450px; */
}
.opening-hours-body{
display: flex;
justify-content: space-between;
color: #657786;
}
@media (max-width : 768px){
.opening-hours-body{
display : flex;
flex-direction : column;
align-items: center;
}
.opening-hours-top-title{
text-align: center;
font-size: 18px;
}
}
.opening-hours-body img{
max-width: 100%;
}
.opening-hours-left {
display: flex;
/* flex-wrap: wrap; */
/* justify-content: space-around; */
}
.opening-hours-details{
/* padding-left: 30px; */
margin-bottom : 30px;
/* width: 60%; */
/* margin-left: 40%; */
color: #657786;
justify-content: center;
}
.opening-hours-gmap{
margin-bottom : 30px;
}
#full-width-map {
height:70vh;
padding-left:0;
padding-right:0;}
@media (max-width:767px){
#full-width-map{
height:100vw;}}
#info-over-map {
position:absolute;
top:20vh;
right:20vw;
font-size:20px;
}
@media (max-width:767px) {
#info-over-map{
position:unset;}}
@media (min-width:1024px){
#info-over-map{
top:20vw;
right:13vw;}}
@media (min-width:1200px){
#info-over-map{
right:20vw;}}
@media (min-width:1400px){
#info-over-map{
top:15vw;
right:30vw;}}
#info-over-map #dealer-info {
padding-right:50px;
min-height:70vh;}
#info-over-map #dealer-info p {
padding-top:10px;
padding-bottom:10px;}
#info-over-map a {
color:#ffffff;}
.contact-us {
margin-bottom:50px;}
.contact-us h2 {
margin-top: 100px;
margin-bottom: 80px;
font-weight: 700;
text-transform: uppercase;}
@media (min-width:770px) {
.contact-us {
margin-top:50px;}}
#contact-form .form-control{
border: 1px solid #AAB8C2;
border-radius: 0;}
#contact-form .btn-primary {
background-color:#000000;
border-radius:0;
float:left;
font-weight:700;}
/********************
NEW CARS
*********************/
/*#left-content.new-cars {
position:relative;
top:120px;
left:330px;
}*/
.hero-row {
display: flex;
justify-content: center;
align-items: center;
flex-wrap:wrap;
z-index:2;
margin-top:72px;
padding-left:0;
padding-right:0;
height: 40vh;}
.hero-row #left-content.new-cars img.award {
width:149px;
height:149px;
margin-right:10px;
margin-top:20px;
}
.hero-row #left-content.new-cars h1 {
font-size:46px;}
.hero-row #left-content.new-cars.col-lg-7 h1 {
font-size:66px;}
.hero-row #left-content.new-cars.col-lg-7 p {
font-size:26px;}
#right-content {
display:flex;
flex-wrap:wrap;
justify-content:flex-end;}
#right-content img {
margin-top:20px;}
/********************
REVIEWS PAGE
*********************/
.reviews-page-btn {
display:flex;
justify-content:center;}
/********************
MOBILITY PAGE
*********************/
#mobility, #workshop {
display:flex;
margin-bottom:125px;
flex-wrap:wrap;}
#mobility .col-lg-6, #workshop .col-lg-6 {
margin-top:150px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
#workshop .col-lg-6 {
padding:0 60px;}
@media (max-width:767px) {
#workshop .col-lg-6 {
padding:0;
}
}
#workshop .col-lg-6 .last-item {
margin-top:auto;}
#workshop .col-lg-6 a {
width:100%;}
#workshop .col-lg-6 a img {
width:100%;}
#mobility img {
width:100%;}
.mobility-blurb {
margin-top:80px;
padding:0 60px;}
.workshop-blurb {
margin-top:40px;
margin-bottom:20px;
}
.mobility-blurb h2, .workshop-blurb h2 {
font-size:28px;
font-weight:600;
text-transform:uppercase;
margin-bottom:29px;
color:#3C4858;}
.mobility-blurb p, .workshop-blurb p {
font-size:18px;}
@media (max-width:1200px) {
.mobility-blurb {
padding:0;}
}
#mobility-vehicles {
display:flex;
justify-content:center;
background:#F5F8FA;
padding-bottom:195px;}
#mobility-vehicles h2{
font-size:32px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin-top:140px;
margin-bottom:100px;}
#vehicle-display {
display:flex;
flex-wrap:wrap;}
#home-visit {
display:flex;
flex-wrap:wrap;
padding-bottom:125px;
}
#home-visit h2 {
margin-top:180px;
margin-bottom:35px;
font-size:56px;
font-weight:700;
text-transform:uppercase;}
#home-visit img {
margin-top:140px;}
.mobility-contact {
border:1px solid #AAB8C2;
border-radius:0;
width:100%;}
@media (min-width:1024px){
.mobility-contact {
width:15%;
float:left;
margin-right:12px;}}
.btn.mobility-contact {
border:none;
background:#000000;}
@media (max-width:1024px) {
#mobility-vehicles {
padding-bottom:50px;}
#mobility-vehicles h2 {
}
#home-visit h2{
font-size:32px; }
#mobility-contact {
margin-top:20px;}
}
/********************
MODALS
*********************/
.modal-col {
width:31%;
margin:1%;
float:left;}
.modal-right-col {
padding-top:109px;}
.modal-col .btn {
width:100%;
font-weight:500;
text-transform:capitalize;
margin-bottom:50px;
}
.modal-col .btn:hover {
color:#ffffff;
}
.modal-content {
border:transparent;}
.modal-header {
color:#ffffff;
background:#3C4A52;
display:flex;
align-items:center;
}
.modal-header h4 {
font-size:22px;}
.modal .modal-body {
padding: 30px 20px;}
.modal-body h4 {
margin-bottom:28px;
margin-top:30px;}
.modal .modal-header .close {
width:45px;
height:45px;
border-radius:25px;
margin-right:0;
margin-top:0;
margin-bottom:0;
background:#ffffff;
color:#000000;
padding:0;
font-size:45px;}
.close:hover {
color:#ffffff;}
.form-control {
border:1px solid #AAB8C2;
border-radius:0;}
#InputMileageModal {
width:36%;
float:left;}
.mileage-radio {
width:32%;
float:left;
display: flex;
justify-content: space-between;
align-items: center;
height:38px;}
#reserve-modal .modal-body, #finance-modal .modal-body, #enquire-modal .modal-body, #trade-in-modal .modal-body,#buy-online-modal .modal-body,#EnquireModal .modal-body {
display:flex;}
#reserve-modal .col-lg-4, #finance-modal .col-md-4, #enquire-modal .col-md-4, #trade-in-modal .col-md-4 {
margin-top:40px;
margin-bottom:40px;}
#finance-modal ul li {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #cccccc;
margin-top: 5px;
padding-bottom: 5px; }
#trade-in-modal .form-check {
margin-top:60px;
}
#enquire-modal .form-check, #trade-in-modal .form-check {
font-size:14px;
padding-left:0;
}
input[type="radio"] {
width:20px;
height:20px;
margin-left:5px;
}
.modal-dialog .modal-col .form-check {
font-size:12px;
padding-left:0;
margin-bottom:3px;}
@media (max-width:768px){
.modal-dialog {
max-width:95%;}
.modal .modal-body {
padding:10px;}
}
/********************
ABOUT
*********************/
@media (min-width:768px) {
#Team {
margin-bottom:100px;}}
#Team .container {
display:flex;
flex-wrap:wrap;
justify-content:center;}
#Team h2, #contact h2 {
font-size:36px;
text-align:center;
text-transform:uppercase;
color:#3C4A52;
font-weight:700;
margin-top:100px;
margin-bottom:100px;}
.team-member {
width:100%;}
@media (min-width:502px){
.team-member {
width:48%;}}
@media (min-width:768px){
.team-member {width:25%;}}
/* .team-member-photo {
padding:10px;} */
.team-member-photo img{
width:100%;}
.team-member-name h4{
text-transform: capitalize;
font-size: 16px;
font-weight: 700;
text-align: left;
margin-top: 10px;
margin-left: 10px;
color: #3C4A52;}
.team-member-position h5{
text-transform: capitalize;
font-size: 16px;
font-weight: 400;
text-align: left;
margin-top: 7px;
margin-left: 10px;
margin-bottom: 10px;
color: #3C4A52;}
#brands.about-us .container {
border-top:none;
margin-top:5vh;}
#contact .container {
margin-bottom:150px;
display:flex;
flex-wrap:wrap;}
#figures {
padding:2em 0;
color:#ffffff;
background:#222222;
text-align:center;
display:flex;
}
#figures .container {
display:flex;
justify-content:space-around;
align-items:center;
flex-wrap:wrap;}
#figures h2 {
font-size:96px;}
@media (min-width:768px){
#figures h2 {
font-size:104px;
font-weight:700;}
#figures p {
font-size:18px;
font-weight:500;}}
@media (max-width:768px) {
#about-contact, #contact-form {
order:2;
}
#team-pic{
order:1;
margin-bottom:20px;}
#team-pic img {
width:100%;}
}
/********************
AFTERSALES
*********************/
.brand-catalogues {
margin-top:60px;
}
.brand-catalogues h2 {
font-size:36px;
text-transform:uppercase;
font-weight:700;
color:#3C4A52;
text-align:center;}
@media (min-width:1200px){
.brand-catalogues h2 {
font-size:36px;
text-align:left;}
}
.brand-catalogues .container {
display:flex;
flex-wrap:wrap;
}
.brand-catalogues .col-12 {
display:flex;
justify-content:center;
margin-bottom:60px;}
.accessories-catalogue {
width:25%;
padding:10px;}
@media (max-width:768px){
.accessories-catalogue {
width:50%;}}
.accessories-catalogue img {
width:100%;
}
.accessories-catalogue h4 {
font-size:22px;
color:#3C4858;
text-transform:uppercase;
font-weight:700;
margin-top:15px;}
@media (max-width:1199px){
.accessories-catalogue h4 {
font-size:14px;
}
}
.catalogues {
display:flex;
flex-wrap:wrap;}
.brand-divider {
margin-left:auto;
margin-right:auto;
border-bottom:1px solid #E6ECF0;}
.servicing {
margin-top:100px;
display:flex;
flex-wrap:wrap;
justify-content:center;
padding-left:0;
padding-right:0;}
.servicing h2{
font-size:56px;
font-weight:700;
color:#3C4A52;
text-transform:uppercase;
margin-bottom:100px;}
@media (max-width:1024px){
.servicing h2 {
font-size:2rem;
text-align:center;}}
.col-4.additional-service {
flex:0 0 30%;
max-width:30%;
}
.additional-service {
background:#F5F8FA;
padding:25px;
padding-top:0;
margin-left:1%;
margin-right:1%;
margin-bottom:40px;
text-align:center;
}
.additional-service h4 {
font-size:28px;
font-weight:700;
text-transform:uppercase;
}
.additional-service p {
margin-top:20px;
margin-bottom:20px;
font-size:17px;}
.additional-service img {
margin-top:33px;
margin-bottom:33px;}
/********************
CAR CARD
*********************/
.car-card {
padding-left:0;
padding-right:0;
height:248px;
display:flex;
border:1px solid #E6ECF0;
border-radius:4px;
margin-bottom:22px;}
@media (width:768px) {
.car-card.col-ipad-12 {
flex: 0 0 100%;
max-width: 100%;}}
.car-card a {
color:#657786;}
.car-card-row {
display:flex;
padding:0;
}
.car-pic {
height:248px;}
.car-pic .car-pic-wrap {
height:248px;}
.car-pic .car-pic-wrap img {
height:100%;
width:auto;}
.owl-carousel .owl-item .car-card img {
width:initial;
}
.image-counter {
position:relative;
bottom:45px;
left:15px;
color:#ffffff;
background:rgba(0,0,0,0.6);
width:52px;
display:flex;
justify-content:center;
align-items:baseline;
padding-top:5px;
border-radius:5px;}
.image-counter img {
margin-right:5px;}
.card-middle {
border-right:1px solid #E6ECF0;
display: flex;
flex-wrap: wrap;
align-content: space-around;
padding-left:36px;
}
@media (min-width:1400px){
.search-results-page .card-middle {
width:520px;}}
@media (max-width:767px){
.container.search-results-page {
padding:0;}}
@media (min-width:1200px){
.container.search-results-page {
max-width:99%;}}
@media (min-width:1400px){
.container.search-results-page {
max-width:1340px;
padding-left: 0;
padding-right: 0;}}
.car-title h2, .mobility-title {
font-size:24px;
font-weight:700;
color:#3C4858;}
.car-variant {
font-size:16px;
width:100%;}
.price-row {
margin-left:0;
margin-right:0;
width:100%;
}
.car-full-price, .mobility-price {
border-radius:25px;
background: #0C0E23;
color: #FFFFFF;
font-size:20px;
font-weight:700;
text-align:center;
padding:0 5px;
margin-right:10px;
}
@media (max-width:768px){
.car-full-price {
margin-right:10px;
padding:5px 15px;
}
}
.car-monthly-price, .mobility-monthly-price {
color:#3C4858;
font-weight:700;
}
.car-monthly-price span {
font-weight:500;}
.card-right {
display:flex;
flex-wrap:wrap;
padding-left:30px;
padding-right:30px;}
/* .car-like {
position:relative;
top:15px;
right:-40px;
} */
.car-like .shortlist-save, .car-like .shortlist-remove{
display: flex;
align-items: flex-end;
}
.titles-car-card h2{
font-size: 20px !important;
}
.titles-car-card p{
font-size: 14px !important;
}
.car-desc h6{
font-size: 12px !important;
}
.car-monthly-price{
font-size: 20px !important;
color: #AAB8C2 !important;
margin-top: 3px;
margin-bottom: 0;
}
.car-monthly-price span{
font-size: 14px !important;
color: #AAB8C2 !important;
}
.card-right .car-features {
font-size:13px;
}
.search-results-page {
display:flex;
flex-wrap:wrap;
margin-top: 90px;}
@media (max-width:1024px) {
.mobility-img-wrap img {
width:100%;
}
#car-row2, #car-row3 {
display:none;
}
#car-row1 {
display:flex;
flex-wrap: wrap;
}
.car-card {
height:unset;
width:100%;
border:none;
padding:10px;
margin-bottom:0;
}
.car-card-row {
flex-wrap:wrap;
padding:0;}
.car-pic {
height:unset;}
.car-pic .car-pic-wrap {
height:unset;}
.car-pic .car-pic-wrap img {
width:100%;
height:unset;
}
.shortlist .car-pic .car-pic-wrap img {
height:unset;}
.image-counter {
position:absolute;
top:18px;
bottom:unset;}
.card-middle {
width:100%;
padding:10px;
padding-left: 10px!important;
border:1px solid #E6ECF0;}
.card-right {
width:100%;
border:1px solid #E6ECF0;
padding:10px;
padding-right:0;}
.price-row {
width:40%;
order:2;
justify-content:flex-end;}
.car-title {
width:60%;
float:left;
order:1;}
.car-title h2 {
font-size:20px;}
.car-variant {
order:3;}
/* .car-like {
position:absolute;
top:15px;
right:15px;} */
.card-right .car-features {
column-count: 3;
column-gap: 20px;
padding: 10px;
padding-left: 20px;
width: 100%;}
.car-description {
order:4;
display:none;}
.car-monthly-price span {
font-size:12px;}
.car-monthly-price {
font-size:12px;}
}
@media (max-width:767px) {
.car-pic .car-pic-wrap img {
height:unset;
}
}
@media (min-width:768px) and (max-width:1199px){
/*.search-results {
display:flex;
flex-wrap:wrap;
justify-content:space-around;}*/
.sidebar-search {
padding:0;}
.accordion__button {
background:unset;
font-size:13px;
}
}
@media (max-width:767px) {
.sidebar-search {
display:none;}
.shortlist .car-pic .car-pic-wrap img {
height:calc(100vw / 4 * 3);}
.car-pic .car-pic-wrap img {
height:calc(90vw / 4 * 3);
}
}
.used-car-search-card {
background-color: #0C0E23 !important;
}
.used-car-search-card .card-title{
color: #FFFFFF;
font-size: 28px;
font-weight: 500;
margin-top: 20px;
}
.used-car-search-card .card-header a{
text-align: left;
padding-left: 15px;
}
.used-car-search-card .card-body select{
/* margin-bottom: 10px; */
padding-left: 20px !important;
font-size: 16px;
font-weight: 400;
color: #3C4858;
}
.used-car-search-card .hd-card{
margin-bottom: 15px;
}
.used-car-search-card .price-card-switcher .switcher, .used-car-search-card .price-card-switcher-mob .switcher{
color:#FFFFFF;
font-size: 16px;
text-align: center;
margin-bottom: 20px;
margin-top: 10px;
}
.used-car-search-card .price-card-switcher .switcher .slider, .used-car-search-card .price-card-switcher-mob .switcher .slider{
background-color: #111111;
border: 1px solid #E6ECF0;
}
.used-car-search-grid{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-bottom: 30px;}
.used-car-select{
width: 100%;
height: 52px;
background-color: #Ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* background-image: url(../images/used-cars/arrow-down-blue.png); */
background-image: url(../images/car-details/arrow-down.svg);
background-position: center right 20px;
background-size: 10%;
background-repeat: no-repeat;
padding-right: 37px;
color: #657786;
border:none;}
@media (max-width: 767px){
.used-car-select{
width: 100% !important;
height: 52px !important;
background-color: #Ffffff !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none !important;
background-image: url(../images/used-cars/arrow-down-blue.png) !important;
background-position: center right 20px !important;
background-size: 13px !important;
background-repeat: no-repeat !important;
padding-right: 37px !important;
color: #657786 !important;
border:none !important;
}
.used-car-search-service{
display: none;
}
}
.used-car-search-card .card-header{
padding-right: 0 !important;
}
.price-row-used-car-select .hd-card{
/* margin-right: 5px; */
flex: 0 0 48%;
}
/* .price-row-used-car-select-mob .hd-card{
margin-right: 30px;
flex: 0 0 48%;
} */
.monthly-price-row-used-car-select .hd-card{
/* margin-right: 5px; */
flex: 0 0 48%;
}
.price-row-used-car-select,.monthly-price-row-used-car-select,.price-row-used-car-select-mob{
display: flex;
flex-wrap: wrap;
/* justify-content: space-between; */
}
.sidebar-search{
padding-left: 0 !important;
padding-right: 0 !important;
}
.used-car-monthly-price-label{
color: #FFFFFF;
padding: 10px 0;
}
.menu-search-results .accordion{
padding: 0 !important;
border: 0 !important;
}
/* .used-car-select option{
color: #657786;
background: #FFFFFF;
} */
@media (max-width : 990px){
.used-car-search-grid{
grid-template-columns: repeat(1,1fr);
}
.monthly-price-row-used-car-select .hd-card{
margin-right: 22px;
}
}
@media only screen and (max-width: 1199px) and (min-width: 991px){
.used-car-search-grid{
grid-template-columns: repeat(2,1fr);
}
}
.used-car-search-grid .car-monthly-price{
font-size: 18px !important;
text-align: left;
margin-left: 10px;
}
.used-car-search-grid .car-monthly-price span{
font-size: 12px !important;
}
.used-car-search-card .search-submit {
display:flex;}
.used-car-search-card .search-submit img{
margin-right: 10px;
}
.used-car-search-card .search-submit button{
/* width : 165px; */
margin-bottom: 50px;
}
.used-car-search-service{
margin: 30px 0;
}
.footer-line {
border-top: 1px solid #CCC; }
/* Used Car Details Page Over ridden css properties */
#vehicle-upper{
margin-top: 250px;
}
.vehicle_details_upper_section{
display:flex;
justify-content: space-between;
}
@media (max-width:768px){
.vehicle_details_upper_section{
display:flex;
align-items: center;
flex-direction: column;
}
.vehicle_details_upper_section .car-like{
display: none !important;
}
}
@media only screen and (min-width:768px) and (max-width:1025px){
.vehicle_details_upper_section .price-section{
margin-right: 100px !important;
}
}
.vehicle_details_upper_section .price-section{
display: flex;
flex-wrap: wrap;
}
.vehicle_details_upper_section .price-section .car-full-price{
font-size: 28px !important;
padding: 2px 8px !important;
}
.vehicle_details_upper_section .price-section .car-monthly-price{
padding: 10px 0 !important;
}
.car_details_carousel{
margin : 35px 0;
}
@media (min-width: 992px){
.car_details_carousel{
flex : 0 0 72%;
max-width: 72%;
}
}
.car_details_carousel .carousel-inner{
height: 455px !important;
}
.car_details_carousel .carousel-item{
margin : 5px 5px !important;
}
.car_details_carousel .carousel-item img{
margin-bottom: 10px;
}
.car_details_key_features{
margin : 50px 0;
column-count: 2;
padding: 2px;
}
.car_details_key_features .left-span.heading-span{
margin-top: 10px;
font-weight: 700;
}
.car_details_key_features .flexed-span{
color : #3C4A52;
font-size: 16px !important;
font-weight: 400 !important;
}
.car_details_information{
margin: 20px 0;
color: #3C4A52;
font-size: 16px;
padding: 2px;
padding-right: 75px;
}
.car_details_information h4{
margin-bottom: 20px;
font-weight: 600;
font-size: 16px;
}
.car_details_information p{
font-weight: 400;
white-space: pre-wrap;
}
/* Start */
.car-detail-main-section{
padding-top: 85px;
}
.car-detail-main-section .titles-car-card h2{
font-size: 28px !important;
font-weight: 600;
color: #3C4A52 !important;
}
.car-detail-main-section .titles-car-card p{
font-weight: 400 !important;
color: #3C4A52 !important;
}
.car-detail-main-section .price-section{
display: flex;
flex-wrap: wrap;
align-items: start;
}
.car-detail-main-section .car-full-price{
font-size: 28px !important;
border-radius: 50px;
background: #0C0E23;
}
.car-detail-main-section .car-monthly-price{
padding-top: 10px !important;
}
/* .car-detail-main-section .order-price{
margin-bottom: 20px !important;
} */
.margin-left-custom{
margin-left: 170px !important;
}
@media (min-width: 993px) and (max-width: 1030px){
.margin-left-custom{
margin-left: 150px !important;
}
.car-like-custom{
top: 26px !important;
right: 60px !important;
position: absolute;
}
.car-detail-main-section .price-section{
margin-right: 60px;
}
}
hr {
border: 0;
clear:both;
display:block;
width: 96%;
background-color:#E6ECF0;
height: 1px;
}
#line {
float: left;
width: 100%;
height: 55px;
}
.car-detail-main-section .car-like-desktop{
top: 0 !important;
right: 10px !important;
margin-top: 18px;
margin-right: 20px;
}
.car-detail-main-section .carousel-inner{
height: 545px !important;
}
.car-detail-main-section .carousel-control-next{
bottom: 35px !important;
}
.card_enquiry{
border: 1px solid #111111;
padding: 2rem 20px;
border-radius:5px;
cursor:pointer;
}
.card_enquiry .card_enquiry_title h4{
font-size: 22px;
color: #3C4A52;
margin-left: 10px;
}
.card_enquiry .checkbox-text{
font-size: 14px;
color: #3C4A52;
}
.card_enquiry .enquiry_form_class{
margin-top: 30px;
}
.card_enquiry .form-check{
padding-left: 0 !important;
padding-top: 10px;
}
.card_enquiry .radio_enquiry{
padding-top: 5px;
}
.order-accordion-mobile .feedback-main{
border: 1px solid #E6ECF0;
padding: 2rem;
margin: 30px 0;
}
.order-accordion-mobile .feedback-owl{
grid-template-columns: 1fr;
}
.card_enquiry .btn_enquiry{
background: #111111 !important;
padding: 10px 50px !important;
height: 60px !important;
border-radius: 5px !important;
text-transform: capitalize !important;
}
#thank-you-modal,#trade-in-thank-you-modal2{
padding: 0 350px !important;}
.thank-you-modal-content{
display: flex;
flex-direction: column;
text-align:center;
}
.thank-you-modal-content h5{
color : #AAB8C2;
}
.thank-you-btn{
margin : 20px auto 30px !important;
padding: 15px !important;
width: 120px;
}
#trade-in-thank-you-modal a, #enquiry_thank_you_modal a{
text-decoration: underline;
padding-top: 25px;
}
.trade-in-modal-content{
display: flex;
flex-direction: column;
}
.trade-in-modal-content h5{
color : #AAB8C2;
margin-bottom: 40px;
}
.trade-in-modal-links{
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.trade-in-thank-you-btn, .thank-you-btn{
padding: 15px !important;
width: 120px;
margin-right: 20px;
background: #05141F;
border-color: #05141F;
border-radius: 100px;
color: #FFFFFF;
}
.trade-in-thank-you-btn:hover, .thank-you-btn:hover{
background: #05141F;
border-color: #05141F;
color: #FFFFFF;
}
#trade-in-thank-you-modal, #enquiry_thank_you_modal{
padding: 0 250px !important;}
.form-control{
border: 1px solid #E6ECF0 !important;
}
#trade-in-photo-modal{
padding: 0 250px !important;}
.trade-in-photo-modal-content{
display: flex;
flex-direction: column;
align-items: center;}
.trade-in-photo-header{
display: flex;
flex-direction: column;
align-items: center;}
.trade-in-photo-modal-content h5{
color : #AAB8C2;
margin-bottom: 40px;}
.dropzone {
width: 170px !important;
height: 165px !important;
border: 1px solid rgba(0, 0, 0, 0.3) !important;
margin: 5px;
background: white;
padding: 20px 20px;
-webkit-box-shadow: inset 2px 4px 10px 0 rgba(0,0,0,0.3);
-moz-box-shadow: inset 2px 4px 10px 0 rgba(0,0,0,0.3);
box-shadow: inset 2px 4px 10px 0 rgba(0,0,0,0.3);
/* color: #3399ff; */
border-radius: 5px;
}
.dropzone .dz-message {
text-align: center;
margin: 20px 0 !important; }
.dropzone .dz-message .dz-button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit; }
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 0 !important;}
.dropzone .dz-preview .dz-progress {
opacity: 0 !important;}
.dropzone.col-md-4 {
float: left;
padding: 10px 10px;
overflow: hidden;
}
.dropzone.dz-clickable{
cursor : pointer;}
.trade-in-upload-photos{
margin-bottom: 20px;}
.dz-message img{
margin-bottom: 5px;}
#trade-in-photos-submit-all-btn{
padding : 10px 50px !important;
margin-bottom: 20px;
background: #05141F;
}
.stuarts_car_details #car-accordion .finance_options_card{
background: #2D5C88 !important;
height: 86px !important;
margin-top: 20px !important;
}
.stuarts_car_details #car-accordion .accordion-used-car__title{
color: #ffffff !important;
padding-top: 12%;
padding-left: 5% !important;
}
.stuarts_car_details #car-accordion .accordion-used-car__title img{
margin-right: 25px;
}
.stuarts_car_details #car-accordion .reserve_online_card{
background: #0C0E23 !important;
height: 86px !important;
/* margin-top: 20px !important; */
}
.stuarts_car_details #car-accordion .buy_online_card{
background: #CF242C !important;
height: 86px !important;
/* margin-top: 20px !important; */
}
#finance-modal .second-title-modal,#trade-in-modal .second-title-modal{
font-size: 28px !important;
color: #3C4A52;
}
#finance-modal .modal-body p, #trade-in-modal .modal-body p{
font-size: 16px !important;
color: #3C4A52;
margin-bottom: 20px;
}
.apply_finance_button{
background: #013c74 !important;
/* height: 86px; */
}
#finance-modal ul li{
border-bottom: 0 !important;
color: #3C4A52;
}
.modal-used-cars__payments{
color: #013c74;
}
#reserve-modal .second-title-modal{
font-size: 28px !important;
color: #3C4A52;
}
#reserve-modal .third-title-modal{
font-size: 16px !important;
color: #3C4A52;
margin-bottom: 20px;
}
.reserve-page__pay{
font-size: 22px !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
color: #013c74;
}
.reserve-page__description-pay{
font-weight: 400;
}
.reserve-page__details-title{
font-size: 20px !important;
font-weight: bold !important;
}
#reserve-modal .form-control, #trade-in-modal .form-control{
height: calc(1.6em + 1.53rem + 2px) !important;
}
.reserve_modal_button{
text-transform: none !important;
font-size: 14px !important;
background: #013c74 !important;
height: 86px !important;
padding: 0 50px !important;
}
#reserve-modal .reserve-page__details-description-third{
font-weight: 300;
}
#reserve-modal .col-lg-4{
font-weight: 300;
}
#trade-in-modal h6{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
#trade-in-modal .selling-checkbox{
margin: 20px 0;
}
.trade_in_modal_button{
background: #05141F !important;
height: 86px;
padding: 0 90px;
margin-left: 40px;
}
.link_to_feedback{
margin-top: 40px;
}
.link_to_feedback .thank-you-continue{
color: #30AABC;
font-size: 16px;
text-decoration: underline;
}
#slideshow-counter{
margin-bottom: 20px !important;
font-size: 10px !important;
line-height: 14px !important;
}
#slideshow-counter span{
margin-left: 10px;
}
.card_enquiry_title{
display: flex;
}
.page-link{
border: 0;
color: #3C4A52 !important;
font-size: 20px !important;
}
/* .page-item.disabled .page-link{
color: #F5F8FA;
} */
/* .car-detail-main-section .car-full-price{
font-size: 28px !important;
padding: 2px 8px !important;
} */
/* End Used Car Details Page Over ridden css properties */
/* Contact Us Page */
.contact_us_page{
margin-top: 70px;
}
.contact_us_page h4{
font-size: 36px;
font-weight: bold;
color: #3C4A52;
margin-bottom: 50px;
}
.contact_us_page .contact_us_main{
margin-top: 75px;
display: flex;
}
/* .contact_us_page .contact_us_form{
padding: 20px;
} */
/* .contact_us_page .contact_us_main{
display: flex;
flex-wrap: wrap;
} */
.contact_us_page .form-control {
border: 1px solid #E6ECF0 !important;
color: #657786;
}
.contact_us_page .form-check-label {
font-size: 15px;
color: #3C4A52;
}
.form-control-contact{
height: calc(1.6em + 1.53rem + 2px) !important;
}
.contact_us_page .btn_contact_us{
background: #000000 !important;
padding: 10px 50px !important;
height: 60px !important;
border-radius: 100px !important;
text-transform: capitalize !important;
border-color: #000000 !important;
color: #FFFFFF !important;
}
.contact_us_page .hdbtn{
margin-top: 20px;
text-align: start !important;
}
.contact_us_map_hrs{
display: flex;
}
.contact_us_footer .opening-hours-left{
flex-wrap: nowrap;
}
.opening-hours-details h4{
font-size: 22px;
margin-bottom: 30px;
margin-top: 30px;
}
.opening-hours-details .search-button{
background: #05141F !important;
color: #ffffff;
margin-top: 5px;
}
.opening-hours-left .input-search {
margin-top: 30px;
}
/* End Contact Us Page */
/* Directions Page */
.directions_page{
margin-top: 100px;
}
.directions_page .title-about-us{
font-size: 35px;
font-weight: bold;
color: #3C4A52;
}
.directions_page .heading-underlined-shortlist{
text-align: center;
margin-bottom: 40px;
}
.directions_page .search-button{
background: #013c74 !important;
color: #ffffff;
}
/* End Directions Page */
/* Card Common Styling */
.car-title{
padding: 30px 12px 0 12px !important;
}
.card-desc{
padding: 1% 2% 2% 2% !important;
}
.price-section{
padding: 1% 20px 6% !important;
}
/* End Card Common Styling */
/*.shortlist{
margin-top: 100px;
}*/
.shortlist .short-list-title{
font-size: 36px !important;
font-weight: 700 !important;
color: #3C4A52 !important;
margin-bottom: 40px;
margin-top: 40px;
}
/* Finance Form Page */
.black_background{
background: #0C0E23;
height: 650px;
}
.finance_form_image {
/*margin-top: 135px;*/
padding: 80px 20px 40px 20px;
display: flex;
}
.finance_form_image img{
width: 70%;
height: 100%;
}
.finance_form_image_body{
padding-left: 35px;
}
.finance_form_image_body p{
color: #FFFFFF;
font-size: 16px;
margin-bottom: 30px;
font-weight: 400;
}
.apply_finance{
background: #F5F8FA;
padding-top: 1px;
}
.apply_finance .finance-apps-block h3{
margin-top: 20px !important;
}
/* .finance_form2{
z-index: 3;
} */
.finance_form_main{
margin-top: 30px;
margin-bottom: 50px;
text-align: center;
}
/* End Finance Form Page */
/* Aftersales Page */
.service_page{
padding-top: 120px;
/* padding-bottom: 50px; */
background: #FFFFFF;
color: #2A2B29;
}
.service_page .service_page_header{
display: flex;
margin-bottom: 140px;
}
.service_page .service_page_header .service_page_header_image{
padding: 10px;
}
.service_page .service_page_header .service_page_header_body{
padding-right: 30px;
}
.service_page .service_page_header .service_page_header_body h4{
font-size: 36px;
color: #3C4A52;
font-weight: 600;
margin-bottom: 30px;
}
.service_page .service_page_header .service_page_header_body p{
font-size: 16px;
color: #3C4A52;
font-weight: 400;
margin-bottom: 30px;
}
.service_page .service_page_header .service_page_header_body .btn_service_header{
padding: 15px 40px!important;
background: #05141F;
text-transform: none;
}
.service_page .service_page_footer{
background: #222222;
color: #FFFFFF;
}
.service_page .service_page_footer .service_page_footer_main{
padding-top: 90px;
padding-bottom: 90px;
}
.service_page .service_page_footer .service_page_footer_main .service_page_footer_title{
text-align: center;
margin-bottom: 35px;
}
.service_page .service_page_footer .service_page_footer_main .service_page_footer_title h4{
font-size: 36px;
font-weight: bold;
}
.service_page .service_page_footer .service_page_footer_main .workshop_services{
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.service_page .service_page_footer .service_page_footer_main .workshop_services .card{
background-color: #222222 !important;
border: 0 !important;
margin : 20px;
}
.service_page .service_page_footer .service_page_footer_main .workshop_services .card .card-title{
font-size: 26px;
margin-top: 20px;
margin-bottom: 20px;
}
.service_page .service_page_footer .service_page_footer_main .workshop_services .card .card-text{
font-size: 16px;
margin-bottom: 30px;
height: 120px;
}
.service_page .service_page_footer .service_page_footer_main .workshop_services .card a{
color: #013c74;
text-decoration: underline;
font-size: 16px;
}
.btn_service_enquiry_aftersales{
background: #05141F !important
padding: 12px;
}
.checkbox-text-aftersales{
font-size: 14px !important;
}
.about_top{
background: #111111;
padding-top: 50px;
padding-bottom: 100px;
}
.about_top .about_top_header{
display: flex;
}
.about_top .about_top_header .about_header_image{
padding: 133px 20px 20px 10px;
}
.about_top .about_top_header_main{
color: #FFFFFF;
padding-right: 30px;
margin-top: 50px;
}
.about_top .about_top_header_main h4{
font-size: 36px;
font-weight: bold;
margin-bottom: 40px;
}
.about_top .about_top_header_main p{
font-size: 16px;
font-weight: 300;
margin-bottom: 30px;
}
.about_top .about_top_header_main .about_top_header_sign{
margin-bottom: 70px;
}
.about_top .about_top_header_main .about_top_header_sign_mob{
margin-bottom: 70px;
}
@media (max-width: 767px){
/* .about_top .about_top_header_main .about_top_header_sign_mob{
display: block !important;
} */
.about_top .about_top_header_main .about_top_header_sign{
display: none;
}
}
.about_top .about_top_header_main .about_top_header_logo img{
width: 100px;
height: 100px;
}
#Team .workshop_services{
display: grid;
grid-template-columns: repeat(4, 1fr);
}
#Team .card{
margin : 20px;
}
#Team h2{
text-transform: none !important;
}
.card-body-main{
display: flex;
padding: 20px;
justify-content: space-between;
}
.page-hero .mazda{
top: 80px !important;
height: 60vh !important;
}
/* End Aftersales Page */
@media (max-width: 767px){
/* Start Mobile 767 media Queries */
.contact_us_page{
margin-top: 25px;
text-align: center;
}
.contact_us_page .contact_us_main{
flex-direction: column;
}
.contact_us_page .opening-hours-left{
flex-direction: column;
}
.contact_us_page .contact_us_footer img{
display: none;
}
/* .contact_us_mobile_image{
display: block !important;
} */
.contact_us_page .opening-hours-details{
width: 90% !important;
text-align: left;
padding-left: 0;
color: #657786;
}
.reviews-top{
flex-direction: column;
margin-top: 0 !important;
}
.reviews-top .review-photo{
display: none;
}
.review-photo-mobile{
display: block !important;
}
.review-photo-mobile img{
width: 100%;
}
.reviews-top .review-desc{
padding-top: 60px !important;
padding-left: 25px !important;
padding-right: 20px !important;
}
.customer-reviews .container .feedback-padding{
margin-top: 0 !important;
}
#feedback-test{
padding: 30px;
}
.directions_page{
margin-top: 20px !important;
}
.directions_page form{
padding: 10px;
}
.directions_page .row{
padding: 10px !important;
}
.directions_page #dvMap{
width: 100% important;
}
.about_top{
padding-top: 30px !important;
background: #FFFFFF !important;
padding-bottom: 0 !important;
}
.about_header_image{
display: none;
}
.about_header_image_mobile{
display: block !important;
}
.about_header_image_mobile img{
width: 100%;
}
.about_top .about_top_header{
flex-direction: column;
}
.about_top .about_top_header_main{
color: #3C4A52;
padding-left: 10px !important;
padding-right: 10px;
}
.about_top_header_logo{
display: none !important;
}
#Team .workshop_services{
grid-template-columns: repeat(2,1fr);
}
.shortlist {
margin-top: 0 !important;
}
.service_page{
margin-top: 0 !important;
}
.service_page .service_page_header_image{
display: none;
}
.service_page .service_page_header_image_mobile{
display: block !important;
}
.service_page .service_page_header_image_mobile img{
width: 100%;
}
.service_page .service_page_header {
margin-top: 20px;
padding:25px;
}
.service_page .service_page_header .service_page_header_body .btn_service_header{
margin-left: 0 !important;
}
.service_page .service_page_footer .service_page_footer_main .workshop_services{
grid-template-columns: 1fr;
}
#mobile_enquiry_form{
display: flex;
flex-direction: column;
}
.workshop_modal .modal-col{
width: 85% !important;
margin: 6% !important;
}
.workshop_modal .modal-right-col{
padding-top: 0 !important;
}
#thank-you-modal{
padding: 0 25px !important;
}
.finance_form_image{
margin-top: 0 !important;
}
.finance_form_image_main{
display: none;
}
/* .finance_form_image_mobile{
display: block !important;
width: 100%;
} */
.black_background {
/* background: #FFFFFF; */
height: auto;
color: #3C4A52;
}
.finance_form_image_body p{
color: #3C4A52;
font-size: 16px;
}
.finance_form_image{
padding: 20px;
}
.search-results-page{
margin-top: 20px !important;
}
.search-top-title-mobile{
display: block !important;
font-size: 24px;
font-weight: bold;
color: #3C4A52;
}
.row.search-top, #sort-results .dropdown{
margin-top: 0;
}
.search-results{
text-align: center;
}
.used-car-search-grid .car-desc{
padding: 30% 20% 2% 0 !important;
}
.car-detail-main-section{
padding-top: 0 !important;
}
.car-page .carousel-control-next{
top: 0 !important;
}
.price-section{
padding: 1% 3% 6% !important;
}
.titles-car-card{
padding: 15px;
}
.car-detail-main-section .carousel-inner{
height: unset !important;
}
.car-title-mobile{
display: block !important;
}
.car_details_key_features{
column-count: 1 !important;
padding: 20px;
}
.car-detail-main-section .order-price #car-title{
display: none;
}
.car-page{
margin-bottom: 80px !important;
}
#vehicle-car-buttons-mobile{
display: block !important;
position: fixed;
bottom: 0;
left: 0;
right: 0;
font-size: 14px;
font-weight: 500;
}
#reserve-modal .modal-body, #finance-modal .modal-body{
flex-direction: column;
}
/* End Mobile 767 media Queries */
}
@media (max-width: 450px){
#services-section{
display: none;
}
/* #reviews_mob{
display: block !important;
} */
.services_home{
display: flex;
margin-top: 50px;
margin-bottom: 30px;
}
.services_home_image{
padding: 0;
}
.services_home_image img{
width: 100%;
height: 100%;
}
.apply_finance{
display: flex;
}
.apply_finance_image{
padding: 0;
}
.apply_finance_image img{
width: 100%;
height: 100%;
}
.services_home_desc{
background: #111111;
color: #FFFFFF;
padding-right: 30px;
padding-left: 30px;
}
.apply_finance_desc{
background: #111111;
color: #FFFFFF;
padding-right: 25px;
padding-left: 30px;
}
.services_home_desc h2, .apply_finance_desc h2{
color: #ffffff;
font-size: 16px;
margin-bottom: 10px;
margin-top: 25px;
}
.services_home_desc p, .apply_finance_desc p{
font-size: 11px;
color: #AAB8C2;
}
.services_home_desc p{
margin-bottom: 35px;
}
.apply_finance_desc p{
margin-bottom: 25px;
}
.services_home_desc a, .apply_finance_desc a{
font-size: 11px;
}
}
@media (min-width: 451px) and (max-width:768px){
#services-section{
display: none;
}
/* #reviews_mob{
display: block !important;
} */
.services_home{
display: flex;
margin-top: 50px;
margin-bottom: 30px;
}
.services_home_image{
padding: 0;
}
.services_home_image img{
width: 100%;
height: 100%;
}
.apply_finance{
display: flex;
}
.apply_finance_image{
padding: 0;
}
.apply_finance_image img{
width: 100%;
height: 100%;
}
.services_home{
margin-bottom: 20px;
}
.services_home_desc,.apply_finance_desc{
display: flex;
flex-direction: column;
padding: 50px;
}
.apply_finance_desc{
flex: 0 0 68%;
}
.services_home_desc{
background: #111111;
color: #FFFFFF;
}
.apply_finance_desc{
background: #222222;
color: #FFFFFF;
}
.apply_finance_extra{
background: #222222;
}
.services_home_desc h2, .apply_finance_desc h2{
color: #ffffff;
font-size: 25px;
margin-bottom: 15px;
margin-top: 10px;
}
.services_home_desc p, .apply_finance_desc p{
margin-bottom: 70px;
color: #AAB8C2;
}
}
#sort-results .sort-span{
font-weight: 700 !important;
}
#sort-results .dropdown{
border : 1px solid #E6ECF0 !important;
background-position: center right 11px;
background-repeat: no-repeat;
background-size: 10%;
background-image: url(../images/car-details/arrow-down.svg);
height: 50px;
padding: 0 !important;
}
#sort-results .dropdown-content{
border: 1px solid #E6ECF0 !important;
border-top: none !important;
}
#sort-results .dropdown ul li{
margin-top: 5px;
}
.card.hd-card {
border-radius:0;
border-left:1px solid #E6ECF0;
border-right:1px solid #E6ECF0;
border-top:none;
border-bottom:none;}
.card.hd-card-first {
border-top:1px solid #E6ECF0;}
.card.hd-card .card-body {
border-bottom:1px solid #E6ECF0;
margin-bottom: 20px !important;}
.mobile-accordion-filter-value {
float:right;
color:#AAB8C2;}
.bottom-of-search {
display:flex;
flex-direction:column;
align-items:center;
}
a.btn img {
margin-right:10px;}
.chevron {
-moz-transition: transform 1s;
-webkit-transition: transform 1s;
transition: transform 1s;
}
.flip {
transform: rotate(-180deg);
}
.reset-block, .reset-block-mobile {
text-align:center;
margin-top:10px;}
.word_wrap_ellipsis.car-description {
width:310px;}
.shortlist .word_wrap_ellipsis.car-description {
width:600px;}
.car-main {
}
#vehicle-top-section {
height:100vh;
background:#000000;}
#main-carousel {
padding-top:6vh;
color:white;
margin-bottom:20px;}
#vehicle-details {
display:flex;
padding-left:30px;}
#vehicle-details .row {
justify-content:space-between;
}
#vehicle-title h2 {
font-size:28px;
color:white;
font-weight:700;}
#vehicle-variant p {
font-size:18px;
text-transform:uppercase;
color:white;
font-weight:500;}
#vehicle-total-price {
border-radius:25px;
background:#951A2E;
color:white;
font-size:28px;
font-weight:600;
text-align:center;
padding:0 20px;
}
#vehicle-monthly-price {
color:white;
font-weight:700;
font-size:20px;}
#vehicle-monthly-price span {
font-weight:500;
font-size:14px;}
.main-car-like {
display:flex;
justify-content:center;
align-items:center;}
.main-car-like img {
width:47px;
height:47px;
cursor:pointer;}
#key-features {
column-count:2;
border:1px solid #E6ECF0;
padding:60px 80px;
background:#ffffff;
margin-top:-10vh;
width:80%;
margin-right:3.333333%;
}
#key-features h2 {
column-span:all;
text-transform:uppercase;
font-weight:700;
color:#3C4858;
margin-bottom:30px;}
#key-features ul li {
list-style:none;
font-weight:700;
line-height:32px;
}
#key-features ul li span {
font-weight:500;
}
#vehicle-side-bar {
background:#951A2E;
margin-top:-10vh;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;}
#more-information {
width:80%;
border:1px solid #E6ECF0;
padding:60px 80px;
margin-top:40px;
background:#ffffff;
margin-right:3.33333%;}
.left-span {display:flex; flex: 0 0 50%;}
#key-features .left-span.heading-span {
font-weight:700;}
.right-span {margin-right:20px;font-weight:600;}
.flexed-span {display:flex; flex: 0 0 50%;}
.abcdefg {max-width:100%;
padding:0 10px;}
/*.hijklmnop {flex:0 0 74%;}*/
#carousel-thumb .carousel-inner {
flex: 0 0 69%;
height:714px;}
.vehicle-sidebar {
width:90%;
display:flex;
justify-content:center;
}
.vehicle-sidebar:first-child {
margin-top:20px;}
.vehicle-sidebar:last-child {
margin-bottom:20px;}
.vehicle-sidebar-button {
background: none;
border: none;
color: white;
display: flex;
flex-direction: column;
align-items: center;
}
.sidebar-divider {
height:1px;
width:90%;
background:white;}
.shortlist {
background:white;}
.dropdown {
/* position: absolute;
right:0;
top:0;*/
display: inline-block;
width:284px;
float:right;
border:1px solid grey;
padding: 12px 16px;
z-index:1;
background:#ffffff;
margin-top:-15px;
}
.dropdown-content {
display: none;
background-color: #ffffff;
/*min-width: 284px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
padding: 12px 16px;*/
/*border-top:none;
border-bottom:1px solid grey;
border-left:1px solid grey;
border-right:1px solid grey;*/
}
.dropdown:hover .dropdown-content {
display: block;
position: relative;
z-index: 1;
}
.dropdown ul li {
list-style:none;}
.row.search-top {
margin-top: 30px;
height: 85px;
align-items: baseline;position:relative;z-index:103;}
.row.search-top span{
color: #3C4A52 !important;
font-size: 16px;
}
.brands_btn:hover .check_mazda{
/* display: flex !important; */
/* flex-direction: column; */
display: block !important;
background: #111111;
padding-top: 12px;
/* margin-right: 40px; */
}
.mazda_mob{
display: flex;
flex-direction: column;
padding-left: 15px;
}
/* .check_mazda li a{
padding-right: 20px;
} */
.check_mazda .mazda{
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
}
#sort-results {
display:flex;
justify-content:flex-end;
align-items: center;}
.sort-span {margin-right:20px;}
.bottom-pagination {
margin-bottom: 30px;
}
.bottom-pagination ul{
display:flex;
justify-content:center;}
.bottom-pagination ul li {
margin-left:6px;
margin-right:6px;
list-style:none;}
.bottom-pagination ul li {
border:1px solid #E6ECF0;
background:#ffffff;
color:#3C4A52;
padding:10px 20px;}
.bottom-pagination ul li:active {
background:#3C4A52;
color:#ffffff;}
@media (max-width:768px){
#vehicle-side-bar {
position:fixed;
bottom:0;
right:0;
left:0;
flex-direction:row;
align-items:flex-end;
}
.vehicle-sidebar {
width:unset;
}
.sidebar-divider {
width:1px;
height:64px;}
#key-features, #more-information {
margin:0;
width:100%;
padding:unset;
column-count:unset;
padding-left:10px;
padding-right:10px;}
#more-information {
margin-top:30px;}
#key-features ul li .right-span {
margin-right:0;}
#vehicle-side-bar button img {
height:30px;}
#carousel-thumb .carousel-inner {
flex:0 0 100%;
height:unset;}
#vehicle-details {
padding:0 10px;}
.main-car-like {
position: absolute;
top: 72px;
right: 6px;
z-index: 101;}
#main-carousel{
padding-top:0;}
#carousel-thumb .carousel-inner #slideshow-counter {
bottom: 0;
left: 10px;width: 80px;}
.car-main {
padding:0;}
#vehicle-top-section {
height:unset;}
.vehicle-sidebar:first-child {
margin-top:unset;}
.vehicle-sidebar:last-child {
margin-bottom:unset;}
}
/********************
COMMON
*********************/
@media (min-width: 992px) {
.col-lg-80 {
flex:80%;
max-width:80%}
.col-lg-20 {
flex:20%;
max-width:20%}
}
@media (min-width: 1200px) {
.col-xl-80 {
flex:80%;
max-width:80%}
.col-xl-20 {
flex:20%;
max-width:20%}
}
@media (max-width:576px){
.col-xs-0 {display:none;}}
@media (min-width:576px) and (max-width:767px){
.col-sm-0 {display:none;}}
@media (min-width:768px) and (max-width:1399px){
.col-md-0{display:none;}}
@media (min-width:1400px){
.col-lg-0{display:none;}}
.col-0 {display:none;}
.under-nav {
height:86px;}
.under-nav.fullscreen {
display:none;}
/* breakpoint matches that of header-lg */
@media (max-width:767px) {
.under-nav {display:none;}
}
.page-top {
height: calc(70vh - 120px);}
/* .page-hero {
width:70vw;
height: 60vh;
background:#222222;
z-index:-1;
position:absolute;
top:120px;
} */
.new-brands .page-hero {
width:100%;}
@media (max-width:1024px) {
.page-top {
height:580px;
background:#222222;
display:flex;
flex-wrap:wrap;
background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url(/images/subaru/hero.png) center left 1577px;}
.hero-row #left-content.new-cars.col-lg-7 p,.hero-row #left-content.new-cars.col-lg-7 h1{
text-align: left;
}
#left-content{
padding: 40px;margin-top: 40px;
}
.page-hero {
display:none;}
.page-top .hero-row {
margin-top:0;
padding-top: 33px;}
}
#left-content {
text-align:left;
/*position:relative;
top:200px;
left:330px;
width:440px;*/
}
.hero-row h1, .hero-row p {
color:#ffffff;
}
.hero-row #left-content h1 {
font-size:56px;
line-height:54px;
text-transform:uppercase;
font-weight:700;
}
@media (max-width:1025px) {
.hero-row #left-content h1 {
font-size:2.5rem;
}}
@media (max-width:768px) {
.hero-row #left-content h1, .hero-row #left-content p {
text-align:center;
}
#page-stars {
display:flex;
justify-content:center;}}
.hero-row p {
font-size:18px;
margin-top:20px;
}
.page-offset-img.col-7 {
padding-left:0;
padding-right:0;
}
@media (max-width:768px) {
.page-offset-img {
margin-right:0;
margin-top:30px;
margin-bottom:-20px;
padding-right:0;}}
@media (min-width:576px) {
.page-offset-img {
padding:0;
}
}
#page-stars {margin-top:47px;}
.btn.hd {
border-radius:100px;
text-transform:uppercase;
color:#FFFFFF;
font-size:18px;
font-weight:700;
background:#05141F;
}
.btn.hd:hover{
color:#FFFFFF;
}
@media (max-width:768px){
.hdbtn {
display:flex;
justify-content:center;
margin-top:20px;
}
#brands .container img {width:100%;}
#brands .container a{width:24%;} }
#brands {}
#brands .container {
display:flex;
flex-wrap:wrap;
justify-content:space-around;
padding-top:70px;
padding-bottom:70px;
align-items:center;}
#brands .container img { max-height:120px;}
#brands h2 {
font-size:30px;
text-transform:uppercase;
font-weight:700;
text-align:center;
margin-bottom:80px;}
.new-brand {
transition: box-shadow 1.2s;}
.new-brand:hover {
box-shadow:2px 2px 2px 2px rgba(0,0,0,0.35);}
.not-found {
display:flex;
align-content:center;
justify-content:center;
align-items:center;}
.not-found h1 {
margin-top:20vh;
margin-bottom:20vh;}
@media (max-width:767px) {
#mobility, .servicing {
margin-top:45vh;
}
#brands {
order:2;
}
.m-no {display:none;}
}
.select {}
.select-selected {}
.select-selected:after {}
.select-selected.select-arrow-active:after {}
.select-items div,.select-selected {}
.select-items {}
.select-hide {}
.select-items div:hover, .same-as-selected {}
#yt-banner { position:relative; background-color:rgba(0,0,0,0.5); height:100%; color:#ffffff; overflow:hidden; background-repeat: no-repeat; background-size: cover;background-position: top center;}
#yt-banner .bg-image { background-size:cover; background-position:center center; }
#yt-banner .overlay { position:relative; background: linear-gradient(rgba(12, 14, 35, 0.45),rgba(12, 14, 35, 0.45)); height:100%; width:100%; z-index:2; }
#yt-banner .inner { padding-top:50px; }
#yt-banner h1 { color:#ffffff; margin:0 auto; }
#yt-banner .video_wrap { width:100%; position:absolute; left:0; overflow:hidden; top: -40px; padding-bottom:56.5%; height: 101vh;}
#yt-banner iframe { height:100%; position:absolute; width:100%; top:0; left:0; }
.brand-range {}
.brand-range h2 {
font-size:30px;
font-weight:700;
padding:30px;
color:#3C4A52;
text-transform:uppercase;
text-align:center;}
.brand-range p {
color:#657786;
font-size:18px;
text-align:center;
width:640px;
margin:auto; font-weight: 300;}
.models {
display: flex;
flex-wrap: wrap;
max-width: 1340px;
margin: auto;
justify-content: space-around;
margin-top:130px;
}
@media (min-width:1200px) {
.models {
justify-content: space-around;
}}
.new-brand-model {
border:1px solid #E6ECF0;
margin-bottom:60px;
padding-bottom:40px;}
.new-brand-model h4 {
color:#657786;
font-size:26px;
font-weight:700;
padding:40px 40px 10px 40px;}
.new-brand-model a {
color:#951A2E;
font-size:18px;
padding:40px;}
a .new-brand-model h5 {
color: #951A2E;
font-size: 18px;
padding-left: 40px;
}
/* .new-cars.promotional-slot {
display:flex;
justify-content:center;} */
.new-cars.promotional-slot {
max-width: 1340px;
margin: auto;
position: relative;
color: #FFFFFF;
}
.promotional-slot-text{
position: absolute;
/* top: 25%; */
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.mazda-promotion-left,.mazda-promotion-right{
position: relative;
color: #FFFFFF;
}
.promotion-text-right{
position: absolute;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.promotion-text-left{
position: absolute;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.mazda-promotion-left h6{
font-size: 12px;
}
.mazda-promotion-left h4{
font-size: 25px;
margin: 10px 0 10px 0;
}
.mazda-promotion-right h6{
font-size: 12px;
margin-bottom: 10px;
}
.mazda-promotion-right h4{
font-size: 25px;
}
.promotional-slot-text h6{
font-size: 15px;
text-transform: uppercase;
margin-bottom: 20px;
}
.promotional-slot-text h4{
font-size: 45px;
text-transform: uppercase;
}
.new-cars.promotional-slot img {
width:100%;}
@media (max-width: 768px){
.mazda-promotions{
display: none;
}
.page-top.hero-row{
padding-top: 33px !important;
}
.page-top #right-content{
justify-content: center;
}
.brand-range p{
width: 320px;
}
.new-brand-model{
width: 320px;
}
.new-brand-model img{
width: 100%;
}
.brand-id img{
width: 250px;
height: 250px;
}
}
.mazda-promotions{
/* margin-top: 30px; */
width: 1340px;
margin: auto;
text-align: center;
text-transform: uppercase;
}
.mazda-promotions .title{
margin-top: 50px;
margin-bottom: 30px;
font-size: 30px;
font-weight: 400;
}
.mazda-promotions-images{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#new-car-info{
margin-top: 30px;
margin-bottom: 30px;
font-size: 18px;
color:#657786;
}
#new-car-info p{
margin-bottom: 20px;
color: #657786;
font-weight: 350;
}
#new-car-info img{
margin-bottom: 20px;
width: 100%;
}
.new_car_features_main{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 20px;
}
@media (min-width: 768px) and (max-width:1200px){
.new_car_features_main{
grid-template-columns: repeat(2, 1fr);
}
.new_car_features_main .card{
height: 350px;
}
}
@media (max-width: 768px){
.new_car_features_main{
display:none;
}
}
.new_car_features_main.card{
height: 400px !important;
}
.new_car_features_main .card-img-top{
height: 160px !important;
}
.new_car_features_main .card-body-main{
flex-direction: column !important;
font-size: 16px !important;
color: #3C4858 !important;
}
.new_car_features_main .card-body-main h4{
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 400;
height: 60px;
}
#new-car-page .accordion{
border-bottom: 1px solid #E6ECF0 !important;
}
#new-car-page{
margin-top: 100px !important;
}
#new-car-test-drive-modal h6{
margin-bottom: 20px;
}
#new-car-test-drive-modal textarea{
margin-top: 40px;
}
#new-car-test-drive-modal .form-control-test-drive{
height: calc(1.6em + 1.53rem + 2px) !important;
}
#new-car-test-drive-modal .test-drive-button{
background: #05141F !important;
padding: 20px 70px !important;
margin-left: 50px !important;
margin-top: 30px !important;
}
#new-car-test-drive-modal .form-check{
padding-top: 20px !important;
}
#new-car-test-drive-modal .form-check input{
margin-right: 10px !important;
}
#new-car-finance-enquiry-modal h6{
margin-bottom: 20px;
}
#new-car-finance-enquiry-modal textarea{
margin-top: 40px;
}
#new-car-finance-enquiry-modal .form-control-test-drive{
height: calc(1.6em + 1.53rem + 2px) !important;
}
#new-car-finance-enquiry-modal .test-drive-button{
background: #05141F !important;
padding: 20px 70px !important;
margin-left: 50px !important;
margin-top: 30px !important;
}
#new-car-finance-enquiry-modal .form-check{
padding-top: 20px !important;
}
#new-car-finance-enquiry-modal .form-check input{
margin-right: 10px !important;
}
.brand-id {
margin-top: 60px;
display:flex;
justify-content:center;}
#new-car-page {
padding-left:0;
padding-right:0;
margin-top:70px;
display:flex;}
@media (max-width:768px) {
#new-car-page {
margin-top:unset;}}
#new-car-page #new-car-left-column {
padding-left:0;
}
.accordion {
background-color: #fff;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: 1px solid #E6ECF0;
border-bottom:none;
outline: none;
transition: 0.4s;
}
.accordion.final {
border:1px solid #E6ECF0;}
.accordion img {margin-right:10px;}
.accordion:hover {
border: 1px solid #ccc;
}
.panel {
padding: 15px 50px;
background-color: white;
display: none;
border:1px solid #E6ECF0;
border-top:none;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.panel ul li {
list-style:none;
line-height:38px;}
.panel ul a {
color:#3C4858;}
#new-car-body {
padding-left:0;
padding-right:0;}
@media (max-width:768px) {
#new-car-body {
padding-left:unset;
padding-right:unset;
display:flex;
flex-direction:column;}}
#new-car-header {
order:2;}
#new-car-header .row {
align-items:center;}
@media (max-width:768px) {
#new-car-header .row {
background:#FFFFFF;
padding:20px;}
}
.new-car-page-branding img {
width:100%;}
.new-car-page-title h1 {
color:#3C4858;
font-size:30px;
font-weight:500;
margin-bottom: 10px;
}
.new-car-page-title h2 {
color:#3C4858;
font-size:22px;
font-weight:500;}
#new-car-header .row{
margin-bottom: 20px !important;
}
.new-car-page-branding-extra img{
width:100%;}
@media (max-width:768px) {
.new-car-page-title h1, .new-car-page-title h2 {
color:#3C4858;
text-align:center;}
.new-car-page-title h1 {
font-size:30px;
margin-left: 20px;
margin-top: 20px;}
.new-car-page-title h2 {
font-size: 22px;
font-weight: 350;
margin-top: 20px;margin-bottom: 10px;}
.new-car-page-branding-extra {
display:flex;
justify-content:center;
padding:20px 0;}
.new-car-page-branding-extra img {
width:50%;}
}
#new-car-gallery {
display: flex;
padding-left: 0;
padding-right: 0;
flex-wrap: wrap;}
@media (max-width:768px) {
#new-car-gallery {
position:absolute;
top:-70px;
}}
@media (max-width:768px) {
.new-car-pic-main {
padding:0;}}
.new-car-pic-main img {
width:100%;}
.new-car-pic-thumbs {
padding-left: 15px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
@media (max-width:768px) {
.new-car-pic-thumbs {
display:none;}}
.new-car-pic-thumb img{
width:100%;}
@media (max-width:769px) {
#new-car-buttons {
position:fixed;
bottom:0;
left:0;
right:0;
font-size:14px;
font-weight:500;}
}
#new-car-buttons .row {
justify-content:flex-start;
align-items:center;
margin-left:0;}
.new-car-button {
background:#3C4A52;
color:white;
/* text-transform:uppercase; */
height:80px;
margin:6px;
display:flex;
align-items:center;
font-weight:700;
border:none;
flex-grow:1;
flex: 0 0 32%;}
@media (min-width:992px){
.new-car-button {
padding-left:15px;
padding-right:15px;
font-size:16px;}
}
@media (min-width:1200px) {
.new-car-button {
padding-left:25px;
padding-right:25px;
font-size:18px;
text-transform: uppercase;
}}
#new-car-features .container{
padding: 0;
}
.new-car-button:first-child {
margin-left:0;}
.new-car-button:last-child {
margin-right:0;}
.new-car-button img {
margin-right:10px;}
@media (max-width:768px){
.new-car-button {
margin:0;
justify-content:center;
display: flex;
flex-direction: column;}
.new-car-button img {
margin:0;}
/* .new-car-button span {
display:none;} */
}
@media (max-width:769px) {
#used-car-buttons {
position:fixed;
bottom:0;
left:0;
right:0;
font-size:14px;
font-weight:500;}
}
#used-car-buttons .row {
justify-content:flex-start;
align-items:center;
margin-left:0;}
.used-car-button {
background:#013c74;
color:white;
/* text-transform:uppercase; */
height:80px;
margin:6px;
display:flex;
align-items:center;
font-weight:700;
border:none;
flex-grow:1;
/* flex: 0 0 25%; */
}
@media (min-width:992px){
.used-car-button {
padding-left:15px;
padding-right:15px;
font-size:16px;}
}
@media (min-width:1200px) {
.used-car-button {
padding-left:25px;
padding-right:25px;
font-size:18px;
text-transform: uppercase;
}}
.used-car-button:first-child {
margin-left:0;}
.used-car-button:last-child {
margin-right:0;}
.used-car-button img {
margin-right:10px;}
@media (max-width:768px){
.used-car-button {
margin:0;
justify-content:center;
display: flex;
flex-direction: column;}
.used-car-button img {
margin:0;}
/* .new-car-button span {
display:none;} */
}
#new-car-info {}
@media (max-width:768px) {
#new-car-info{
padding-left:15px;
padding-right:15px;
order:3;}}
.new-car-info-section {
margin-top:70px;
}
.new-car-info-section h4 {
margin-bottom:20px;}
#new-car-promotion-bottom {
margin-top:90px;
margin-bottom:90px;
order:4;}
#new-car-promotion-bottom img {
width:100%;}
#myCarousel {
padding:0;
order:1;}
#myCarousel .list-inline {
white-space:nowrap;
overflow-x:auto;
}
.carousel-item img {
width:100%;}
#myCarousel .carousel-indicators {
position: static;
display:flex;
flex-direction:column;
margin-right:0;
}
#myCarousel .carousel-indicators img {
width:100%;}
#myCarousel .carousel-indicators > li {
width: initial;
height: initial;
text-indent: initial;
}
#myCarousel .carousel-indicators > li.active img {
opacity: 0.7;
}
#myCarousel .list-inline-item:not(:last-child), #myCarousel .list-inline-item {
margin-right:0;
margin-left:0;}
/********************
CORONAVIRUS OVERRIDES
*********************/
#hero-image-coronavirus {
height:inherit;
background-image: linear-gradient(#256a97, #0000dd);
}
#hero-image-coronavirus div.message {
color: #fff;
font-size: 1vw;
padding: 1em 3em 2em 0;
}
#hero-image-coronavirus div.message p{
margin: 0 0 1em 0;
}
#hero-image-coronavirus div.message ul {
margin: 0 0 1em 1em;
}
#hero-image-coronavirus div.message h1 {
margin: 0 0 10px 0;
}
@media only screen and (max-width: 1200px) {
#hero-image-coronavirus div.message {
font-size: 1.8vw;
}
}
@media only screen and (min-width: 401px) and (max-width: 479px) {
#hero-image-coronavirus div.message {
font-size: 3.5vw;
}
#hero-image-coronavirus .search-box .container .row {
margin-top:20px;
padding: 0;
}
#hero-image-coronavirus .search-box .container .row .home-js-select-row{
width: 450px !important;
margin-left: -13vw;
}
}
@media only screen and (max-width: 400px){
#hero-image-coronavirus div.message {
font-size: 3.5vw;
}
}
@media only screen and (min-width: 480px) and (max-width: 768px){
#hero-image-coronavirus .search-box .container .row .home-js-select-row{
width: 450px !important;
margin-left: -3vw;
}
}
@media only screen and (min-width:371px) and (max-width:400px){
#hero-image-coronavirus .search-box .container .row{
width: 325px !important;
margin-right: 10px;
margin-left: 10px;
}
/* #hero-image-coronavirus .search-box .container .row .home-js-select-row{
width: 410px !important;
margin-left: -1vw;
} */
.search-box .home-js-select-row .search-submit, .search-box .home-js-select-row button{
width: 250px !important;
}
}
@media only screen and (min-width:370px) and (max-width:400px){
#hero-image-coronavirus .search-box .container .row .home-js-select-row{
width: 410px !important;
margin-left: 3vw;
}
}
@media only screen and (min-width: 351px) and (max-width: 369px){
#hero-image-coronavirus .search-box .container .row .home-js-select-row{
width: 363px !important;
margin-left: -10vw;
}
}
@media only screen and (max-width: 350px){
#hero-image-coronavirus .search-box .container .row .home-js-select-row{
width: 334px !important;
margin-left: 3vw;
}
}
@media only screen and (max-width: 350px){
#hero-image-coronavirus .search-box .container .row{
width: 275px !important;
margin-right: 10px;
margin-left: 10px;
}
.search-box .home-js-select-row .search-submit, .search-box .home-js-select-row button{
width: 210px !important;
height: 70px;
}
}
@media (max-width:768px) {
#hero-image-coronavirus .search-box .container .row {
margin-top:0;
padding: 15px;
}
}
.workshop_services .img-text-cover{
width: 90px;
height: 90px;
background-color: #013c74;
border-radius: 50px;
}
.workshop_services .img-text-cover .text-item-img{
text-align: center;
padding-top: 10px;
}
.workshop_services .img-text-cover .text-item-img p{
font-size: 25px;
font-weight: bold;
}
.services_offer_prices{
position: absolute;
top: 15px;
right: 30px;
background:white;
width:100px;
height:100px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
font-size:xx-large;
color:#05141F;
text-align:center;
box-shadow: 3px 3px rgb(0 0 0 / 30%);
}
}
.text-white-owl{
margin-top: 3px;
margin-left: 3px;
font-size: 13px;
}
@media only screen and (min-width: 1050px) and (max-width: 1250px){
#head-logo img{
margin-left: 40px;
}
}
@media only screen and (min-width: 903px) and (max-width: 1049px){
#head-logo img{
margin-left: 55px;
}
}
@media only screen and (min-width: 903px) and (max-width: 1170px){
#head-right-logo{
margin-left: 0;
}
}
@media only screen and (min-width: 1400px){
.car-tile .car-desc .col-6{
flex: 0 0 48%;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1399px){
.car-tile .car-desc .col-6{
flex: 0 0 48%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.car-tile .car-desc .col-6{
flex: 0 0 48%;
}
.car-tile .car-desc{
padding: 30% 0 2% 0 !important;
}
}
/* @media only screen and (min-width: 992px) and (max-width: 1024px){
.car-tile .car-desc .col-6{
flex: 0 0 37%;
}
.car-tile .car-desc{
padding: 20% 0 2% 0 !important;
}
} */
@media only screen and (min-width: 439px) and (max-width: 767px){
#special-offers .car-tile .car-desc{
padding: 20% 30% 2% 0 !important;
}
}
@media only screen and (max-width: 438px) and (min-width: 351px){
#special-offers .car-tile .car-desc{
padding: 30% 30% 2% 0 !important;
}
}
@media only screen and (max-width: 350px){
#special-offers .car-tile .car-desc{
padding: 30% 30% 2% 0 !important;
}
#homepage #special-offers .price-section {
padding: 1% 2px 6% 20px!important;
}
}
@media only screen and (min-width: 991px) and (max-width: 1199px){
#homepage #special-offers .price-section {
padding: 1% 6px 6% !important;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1399px){
.workshop-card-body h2, .finance-card-body h2{
font-size: 24px;
}
.workshop-card-body p, .finance-card-body p{
font-size: 16px;
}
.finance-card-body p{
margin-bottom: 23px;
}
.workshop-card-body a, .finance-card-body a{
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
.workshop-card-body{
padding-bottom: 25px;
}
}
@media only screen and (min-width: 769px) and (max-width: 991px){
.finance-card-body h2{
margin-bottom: 42px;
}
}
/* .brands_btn a{
pointer-events: none;
} */
@media only screen and (max-width: 768px){
.services_home_desc a, .apply_finance_desc a{
color: #FFFFFF;
text-decoration: underline;
}
}
@media only screen and (max-width: 370px) and (min-width:351px){
#map iframe{
width: 100%;
}
}
@media only screen and (max-width: 400px) and (min-width:371px){
#map iframe{
width: 100%;
}
}
@media only screen and (max-width: 350px){
#map iframe{
width: 100%;
}
}
.dropdown a{
width: 100%;
text-align: left;
color: #657786;
}
.price-used-car-select{
background-size: 20%;
background-position: center right 12px;
}
/* @media only screen and (max-width: 768px){
.sort-by-mob{
display:none;
}
} */
@media only screen and (max-width: 768px) and (min-width: 701px){
.dropdown{
margin-top: -6px;
}
#opening-hours-section{
align-items: center;
}
}
@media only screen and (max-width:767px){
#car-title {
padding-top: 10px;
flex-direction: column; }
}
@media only screen and (max-width: 790px) and (min-width: 768px){
.car-detail-main-section .order-price{
flex: 0 0 95%;
max-width: 95%;
}
.car-detail-main-section{
padding: 50px !important;
}
.price-section{
padding-top: 0 !important;
}
.car-detail-main-section .car-like{
top: 0 !important;
right: 10px !important;
margin-top: 9px !important;
}
#carousel-thumb.fullscreen .carousel-control-next-top{
bottom: 30px !important;
}
#carousel-thumb.fullscreen .carousel-control-prev-top{
top: 170px !important;
}
.modal .modal-body{
display: flex;
}
.finance_form_image_body p{
font-size: 17px;
}
.finance_form_image{
margin-top: 0;
}
}
@media only screen and (max-width: 768px){
#vehicle-car-buttons-mobile {
display: block !important;
position: fixed;
bottom: 0;
left: 0;
right: 0;
font-size: 14px;
font-weight: 500;
z-index: 1;
}
.reviews-top{
flex-direction: column;
margin-top: 0 !important;
}
.reviews-top .review-photo{
display: none;
}
.review-photo-mobile{
display: block !important;
}
.review-photo-mobile img{
width: 100%;
}
.reviews-top .review-desc{
padding-top: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.reviews-top{
margin-bottom: 0;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-top .customer-details .customer-rating-dates .review-date{
font-size: 11px;
margin-top: 3px;
}
.container.feedback-padding {
margin-top: 0;
}
.price-row-used-car-select-mob{
display: block;
}
.brand-range {
margin-top: 40px;
}
}
.contact_us_footer img{
width: 100%;
}
/* .form-check-agree-input{
width: 30px;
height: 30px;
} */
/* @media only screen and (max-width: 1199px) and (min-width: 991px){
#carousel-example-multi .carousel-control-next{
bottom: 125px !important;
}
} */
.finance_form_title{
font-size: 36px;
color: #FFFFFF;
font-weight: 700;
margin-bottom: 25px;
}
@media only screen and (max-width: 768px){
.sort-vehicle-dropdown,.vehicle-count-info{
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 10px;
}
.row.search-top{
margin-top: 20px;
height: 125px;
}
.contact_us_page h4{
font-size: 24px;
}
.form-check-agree-input {
width: 20px;
height: 20px;
}
.reviews-top .review-desc .review-desc-header h6{
font-size: 24px;
}
.reviews-top .review-desc .review-desc-body p{
font-size: 16px;
}
.about_top .about_top_header_main h4{
font-size: 24px;
}
.about_top .about_top_header_main .about_top_header_sign_mob{
margin-bottom: 0;
}
.service_page .service_page_header .service_page_header_body h4{
font-size: 24px;
text-align: left;
}
.service_page .service_page_header .service_page_header_body p{
text-align: left;
}
.service_page .service_page_header .service_page_header_body{
padding-right: 0;
text-align: center;
}
.service_page .service_page_footer .service_page_footer_main .service_page_footer_title h4{
font-size: 24px;
}
.service_page .service_page_footer .service_page_footer_main .workshop_services .card .card-title{
font-size: 22px;
}
.service_page .service_page_footer .service_page_footer_main .workshop_services .card .card-text{
height: auto;
}
.service_page .service_page_footer .service_page_footer_main{
padding-top: 50px;
padding-right: 10px;
padding-left: 10px;
}
.finance_form_title{
/* color: #FFFFFF; */
font-size: 24px;
margin-top: 20px;
}
.finance_form_image_body{
padding-left: 9px;
}
#EnquireModal .modal-header{
padding-left: 35px;
padding-right: 35px;
}
}
@media only screen and (max-width: 768px){
.new-car-button span{
font-size: 13px;
margin-top: 8px;
}
.flexed-span{
justify-content: space-between;
}
.right-span{
margin-right: 0;
}
.car_details_information h4{
font-size: 16px;
}
.car_details_information{
/* padding-right: 0; */
padding: 20px;
}
#carousel-thumb .carousel-inner #slideshow-counter img{
width: 20px;
height: 20px;
}
.switch{
width: 60px !important;
}
.used-car-search-card .card-body select{
background-image: url(../images/car-details/arrow-down.svg) !important;
background-position: center right 20px !important;
background-size: 10% !important;
}
.service_page{
margin-top: 0 !important;
}
.service_page .service_page_header_image{
display: none;
}
.service_page .service_page_header_image_mobile{
display: block !important;
}
.service_page .service_page_header_image_mobile img{
width: 100%;
}
.service_page .service_page_header {
margin-top: 20px;
padding:15px;
}
.service_page .service_page_header .service_page_header_body .btn_service_header{
margin-left: 0 !important;
}
#new-car-page{
margin-top: 0 !important;
}
.new-brands #right-content img{
display: none;
}
.footer-bottom img{
margin-right: 0;
}
#Team h2{
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1207px){
.monthly-price-row-used-car-select .hd-card,.price-row-used-car-select .hd-card{
flex: 0 0 100%;
}
.price-used-car-select{
background-size: 10%;
background-position: center right 20px;
}
}
@media only screen and (max-width: 1199px){
.deposit_label_mob{
display: none;
}
.switch{
width: 75px;
}
}
.min-card{
margin-right: 10px;
}
.used-car-search-card .card.hd-card{
border-radius: 4px;
}
#service-enquiry .modal-right-col {
padding-top: 88px;
}
@media only screen and (min-width: 1020px) and (max-width: 1024px) and (orientation: landscape){
.service_page .service_page_footer .service_page_footer_main .workshop_services .card .card-text{
height: 150px;
}
}
.mileage-radio-vehicle{
float: right;
width: 22%;
height: 20px;
}
@media only screen and (max-width: 1199px){
.mileage-radio-vehicle{
width: 16%;
justify-content: space-around;
}
}
.mileage-radio-vehicle input[type="radio"] {
margin-right: 5px;
margin-left: unset;
}
@media only screen and (max-width: 1024px) and (orientation: landscape){
.mazda-promotions{
width: 1024px;
}
.mazda-promotions-images{
justify-content: center;
}
.mazda-promotion-left{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 768px){
.thank-you-modal-content{
padding: 30px !important;
}
}
.brands_md{
display: flex;
flex-direction: column;
}
.bottom-pagination ul .pagination-active-item {
background: #3C4A52;
color: #ffffff;
}
.feedback-circle h2{
color: #FFFFFF;
}
.opening-hours-body .col-md-7{
padding: 0;
}
@media only screen and (max-width: 768px) and (min-width: 761px){
.contact_us_page {
margin-top: 50px;
}
.about_top .about_top_header_main .about_top_header_sign{
margin-bottom: 0;
}
#Team h2{
margin-top: 0;
font-size: 28px;
}
.service_page .service_page_footer .service_page_footer_main .workshop_services .card .card-text{
height: 210px;
}
.row.search-top{
text-align: center;
}
.search-results-page{
margin-top: 50px !important;
}
}
@media only screen and (max-width: 768px){
.about_top{
padding-top: 30px !important;
background: #FFFFFF !important;
padding-bottom: 0 !important;
}
.about_header_image{
display: none;
}
.about_header_image_mobile{
display: block !important;
}
.about_header_image_mobile img{
width: 100%;
}
.about_top .about_top_header{
flex-direction: column;
}
.about_top .about_top_header_main{
color: #3C4A52;
padding-left: 10px !important;
padding-right: 10px;
}
.about_top_header_logo{
display: none !important;
}
.finance_form_image{
margin-top: 0 !important;
}
.finance_form_image_main{
display: none;
}
/* .finance_form_image_mobile{
display: block !important;
width: 100%;
} */
.black_background {
/* background: #FFFFFF; */
height: auto;
color: #3C4A52;
}
.finance_form_image_body p{
color: #FFFFFF;
font-size: 16px;
}
.finance_form_image{
padding: 20px;
}
}
@media only screen and (max-width: 1199px){
.contact_us_footer .opening-hours-left {
flex-wrap: wrap;
}
#head-right-logo img {
margin-right: 15px;
}
}
@media only screen and (max-width: 1399px){
.opening-hours-body{
flex-direction: column;
}
.opening-hours-body .col-md-7,.opening-hours-body .col-md-5{
flex: 0 0 95%;
max-width: 95%;
}
}
@media only screen and (max-width: 767px){
.opening-hours-left{
flex-wrap: wrap;
}
.showroom-image-desktop{
display: none;
}
#feedback-test .feedback-owl .feedback-customer .feedback-customer-bottom .feedback-content{
font-size: 14px;
}
/* .showroom-image-mob{
display: block !important;
} */
.showroom-image-mob img{
width: 100%;
}
#new-car-header {
order: 1;
}
#myCarousel{
order: 2;
}
#new-car-header .row {
margin-bottom: 0 !important;
}
.mob-new-car-header-top{
display: flex;
}
.mob-new-car-header-top img{
display: block !important;
width: 100px;
height: 100px;
}
.finance-mob-image{
margin-top: 4px !important;
margin-bottom: 3px !important;
}
.desktop-mazda{
display: none;
}
.mobile-mazda{
display: block !important;
}
}
@media only screen and (max-width: 768px){
.new-car-button{
background: #111111 !important;
flex: 0 0 33%;
}
}
.navdropbtn {
background-color: unset;
color: white;
padding: unset;
font-size: unset;
border: none;
margin-top: 9px;
}
.navdropdown {
position: relative;
display: inline-block;
}
.navdropdown-content {
display: none;
position: absolute;
left:-65px;
text-align:center;
background-color: #111111;
min-width: 180px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
z-index: 1;
padding-bottom:30px;
}
.navdropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.navdropdown-content a:hover {background-color: #707070;}
.navdropdown:hover .navdropdown-content {display: block;}
.navdropdown:hover .navdropbtn {background-color: unset;}
hr.navdrop {
width:80%;}
@media (max-width: 768px){
.col-xs-0 {
display: none;
}
.mob-new-car-header-top img{
display: block !important;
width: 121px;
height: 70px;
margin: auto;
}
.mob-new-car-header-top {
display: flex;
}
}
@media only screen and (min-width: 761px) and (max-width: 768px){
.ipad-mazda-title{
display: block !important;
margin-left: 20px;
}
.new-car-page-title{
flex: 0 0 75% !important;
max-width: 75% !important;
}
.maz-b-non-ipad{
display: none;
}
.maz-m-non-ipad{
display: none;
}
#new-car-finance-enquiry-modal .modal-body, #new-car-test-drive-modal .modal-body {
flex-direction: row;
}
#new-car-finance-enquiry-modal .test-drive-button,#new-car-test-drive-modal .test-drive-button{
margin-left: 20px !important;
}
#new-car-finance-enquiry-modal textarea {
margin-top: 59px;
}
#new-car-test-drive-modal textarea {
margin-top: 59px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.new-car-button{
flex: 0 0 24%;
margin:4px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.new-car-button{
flex: 0 0 24%;
margin:4px;
}
}
@media (min-width: 502px){
.team-member {
width: 48%;
}
}
@media (min-width: 768px){
.team-member {
width: 48%;
margin: 1%;
}
}
.team-member {
width: 24%;
margin:0.5%;
border: 1px solid #E6ECF0;
}
.team-member-photo img {
width: 100%;
}
.team-member-desc{
display: flex;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 10px;
}
.team-member-email{
margin-top: 10px;
margin-right: 20px;
}
.team-member-name-position{
margin-left: 10px;
}
@media only screen and (min-width: 502px) and (max-width: 767px){
.team-member{
margin-right: 10px;
}
}
@media only screen and (max-width: 767px){
.team-member{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 501px){
.team-member-desc{
justify-content: space-between;
}
.team-member-email{
margin-right: 20px;
}
}
@media only screen and (min-width: 1400px){
#carousel-thumb .carousel-inner {
flex: 0 0 83%;
}
}
@media only screen and (max-width: 1399px) and (min-width: 994px){
#carousel-thumb .carousel-inner {
flex: 0 0 83%;
height:unset !important;
}
}
@media only screen and (max-width: 767px){
.car-like-mob{
display: block !important;
position: absolute;
text-align: right;
right: 15px;
bottom: 20px;
border-radius: 50px;
background: #000000CC;
z-index: 101;
cursor: pointer;
}
.car-like-mob img{
width: 16px;
height: 14px;
margin: 8px;
}
}
@media only screen and (max-width: 500px){
#carousel-thumb.fullscreen .carousel-control-next-top{
bottom: 131px !important;
}
.car-detail-main-section .carousel-control-next {
bottom: 32px !important;
}
}
@media only screen and (min-width: 501px) and (max-width: 768px){
#carousel-thumb.fullscreen .carousel-control-next-top{
bottom: 59px !important;
}
.car-detail-main-section .carousel-control-next {
bottom: 59px !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
#carousel-thumb.fullscreen .carousel-control-next-top{
top: -160px !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
#carousel-thumb.fullscreen .carousel-control-next-top{
top: -155px !important;
}
}
.error-title {
text-transform: uppercase;
color: #222222;
padding: 5% 0 5% 0;
font-size: 1.9rem;
text-align: left;
font-weight: 400; }
#carousel-example-multi .carousel-inner iframe {
cursor: pointer;
margin-left: 1.4%;
margin-bottom: 1.4%;
}
#carousel-thumb.fullscreen #carousel-example-multi .carousel-item iframe{
width: 13.7% !important;
}
#carousel-thumb.fullscreen #carousel-example-multi .carousel-item iframe:first-child, #carousel-thumb.fullscreen #carousel-example-multi .carousel-item iframe:last-child {
margin: 0 !important;
}
.round-button-play {
position: absolute;
box-sizing: border-box;
display:block;
width:80px;
height:80px;
padding-top: 14px;
padding-left: 8px;
line-height: 20px;
border: 6px solid #fff;
border-radius: 50%;
color:#f5f5f5;
text-align:center;
text-decoration:none;
background-color: rgba(0,0,0,0.5);
font-size:20px;
font-weight:bold;
transition: all 0.3s ease;
}
.playWrapper {
opacity: 0;
position: absolute; z-index: 1;
top: 0;
width: 192px; height: 109px;
background: rgba(0,0,0,0.6) url("http://wptf.com/wp-content/uploads/2014/05/play-button.png") no-repeat scroll center center / 50px 50px;
}
.playWrapper .playBtn {
position: absolute; z-index: 2;
width: 50px; height: 50px;
left: 0; right: 0; top: 0; bottom: 0; margin: auto; /* center */
}
.youtube-image:hover .playWrapper {
opacity: 1;
}
@media only screen and (max-width: 992px) and (min-width: 768px){
#carousel-thumb{
margin-top: 25px;
}
}
.youtube-play-button-section{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.youtube-play-button-section-image{
width: 100%;
opacity: 0.7;
}
.carousel-item-video{
display: inline-block !important;
opacity: 1 !important;
}
.youtube-play-button-section:hover img{
opacity: 1;
}
.youtube-image{
width: 100% !important;
}
.ytp-pause-overlay{
display: none !important;
}
.covid ul li {
margin:5px 0;
}
.titles-car-card h2{
}
.car-tile .car-title p{
color: #3C4858;
}
.car-tile .car-desc .col-6 h6{
color: #3C4A52;
font-weight: 400;
}
.titles-car-card p{
font-size: 14px !important;
}
.car-monthly-price{
font-weight: 400;
}
.customer-reviews__title{
font-size: 36px;
font-weight: 700;
color: #3C4A52;
margin-top: 30px;
margin-bottom: 70px;
text-align: left;
}
.container.feedback-padding{
padding: 0;
}
.workshop-list__title{
font-size: 19px !important;
font-weight: 600 !important;
}
.workshop-list{
list-style: none;
margin-bottom: 40px;
}
.service_page_header_image img{
width: 94%;
box-shadow: 40px 40px #3C4A52;
}
#finance_form .black_background{
height: unset !important;
}
.brand-range h2{
font-size: 30px !important;
color: #3C4A52;
}
.new-brand-model h4{
color: #657786;
font-size: 26px !important;
font-weight: 400 !important;
}
a .new-brand-model h5{
font-weight: 400 !important;
}
.page-hero-content__header{
font-size: 36px;
color: #FFFFFF;
margin-bottom: 30px;
}
.page-hero-content__p{
font-size: 26px;
color: #FFFFFF;
}
.page-hero-content{
position: relative;
bottom: 75%;
left: 10%;
z-index: 101;
}
.promotional-slot-text__subaru{
top: 40%;
left: 23%;
}
.brands-book-a-test-drive{
font-size: 30px;
background: #013c74;
color: #ffffff;
text-transform: uppercase;
}
.brands-book-a-test-drive:hover{
color: #FFFFFF
}
#mobile_enquiry_form_test h6{
margin-bottom: 20px;
}
.second-title-modal{
margin-bottom: 20px;
}
#subaru-test-drive-modal .textarea.form-control{
margin-top: 38px;
}
.maz-b, .maz-m {
}
.make-it-bold{
font-weight: 600;
}
.maz-m-subaru{
margin-bottom: 20px;
}
.model-promo-image{
margin: 30px 0;
padding-bottom: 30px;
}
#new-car-info .maz-m{
margin-bottom: 20px;
}
@media only screen and (max-width: 768px){
/* .footer-header{
display: none;
} */
#finance_form .black_background{
background-color: #133560;
}
.shortlist .short-list-title{
font-size: 28px !important;
}
.service_page{
padding-top: 0 !important;
padding-bottom: 0 !important;
background-color: #FFFFFF;
}
.service_page .service_page_header .service_page_header_body{
color: #3C4A52 !important;
}
.workshop-list{
text-align: left;
}
.service_page .service_page_header .service_page_header_body .btn_service_header{
font-size: 14px !important;
}
.customer-reviews__title{
font-size: 28px;
margin-top: 50px;
margin-bottom: 15px;
text-align: left;
margin-left: 35px;
}
.page-hero-content{
bottom: -25%;
}
.search-box .home-js-select-row,.search-box .container .row{
margin-top: 0 !important;
}
#enquiry_thank_you_modal,#trade-in-photo-modal,#trade-in-thank-you-modal2,#trade-in-thank-you-modal {
padding: 0 !important;
}
.brands-book-a-test-drive{
font-size: 16px !important;
}
.hero-image-homepage-mobile{
display: block !important;
}
#EnquireModal .mileage-radio-vehicle{
width: 36% !important;
}
}
@media only screen and (min-width: 761px) and (max-width: 768px){
.car-detail-main-section .carousel-inner {
height: 500px !important;
}
.service_page_header .col-md-5{
flex: 0 0 100% !important;
max-width: 100% !important;
}
.customer-reviews__title{
text-align: center !important;
}
.trade_in_modal_button{
padding: 0 80px !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px){
.page-hero-content__header img{
width: 240px;
}
.page-hero-content__header{
margin-bottom: 15px;
}
.search-box .container .row{
padding: 0 15px !important;
}
#trade-in-modal .modal-body{
flex-direction: column;
}
.brands-book-a-test-drive{
font-size: 14px !important;
}
.promotional-slot-text__subaru {
top: 55%;
left: 50%;
}
.mobile-appear{
display: block !important;
}
.mobile-disappear{
display: none !important;
}
.m-img-disappear {display:none;}
.d-img-disappear {display:block;}
}
@media (min-width:768px) {
.d-img-disappear {display:none;}
.m-img-disappear {display:block;}
}
/* @media only screen and (max-width: 1024px){
.hero-image-homepage-mobile{
display: block !important;
}
} */
#overlay_main_enquiry{
position: absolute !important;
}
input[type="radio"] {
width: 20px;
height: 20px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
/* #banner{
background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(/images/home/homepage-hero.jpg) center;
background-repeat: no-repeat;
background-size: cover;
} */
/* .search-box{
left: 45%;
} */
.search-box-h {
left:0;}
}
#feedback .button-feedback{
color: #013C74 !important;
}
#subaru-test-drive-modal .modal-body{
display:flex;
}
#FormControlTextareaModalTestSubaru{
margin-top: 38px;
}
@media only screen and (max-width: 767px){
#subaru-test-drive-modal .modal-body{
flex-direction:column;
}
#FormControlTextareaModalTestSubaru{
margin-top: 0;
}
}
.search-box .home-js-select-row .title-top-img{
font-size: 28px !important;
color: #3C4A52;
margin-right: 40px;
}
.search-box .home-js-select-row button{
background-color: #133560;
text-transform: capitalize;
}
/*.car-full-price, .mobility-price{
background: #05141F;
}*/
.opening-hours-details h4{
margin-top: 0 !important;
}
/* #homepage #feedback{
margin-bottom: 100px;
} */
.location-contact-form-search{
margin-top: 30px;
}
.footer-bottom a{
color: #5C6064;
}
#homepage .car-full-price{
background: #0C0E23;
color: #FFFFFF;
padding:2px 5px;
}
.search-results-page .workshop-card-body {
background-color: #111111;
margin-top: -1px;
}
/* @media only screen and (max-width:767px){
#homepage #feedback{
margin-bottom: 20px;
}
} */
@media only screen and (max-width: 768px){
/* .car-full-price, .mobility-price{
background: #05141F;
color: #FFFFFF;
} */
.used-car-button{
background: #111111;
color: #FFFFFF;
}
.about_top .about_top_header_main{
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.search-box .home-js-select-row .search-submit{
background: none;
justify-content: center;
}
#homepage #opening-hours-section .col-md-2{
display: none;
}
#homepage #opening-hours-section .col-md-4{
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1050px){
#homepage #opening-hours-section .col-md-2{
display: none;
}
#homepage #opening-hours-section .col-md-4{
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
#homepage .opening-hours-details{
width: 30%;
}
#about_page .about_top_header_main{
flex: 0 0 35%;
max-width: 35%;
}
#about_page .about_header_image{
flex: 0 0 65%;
max-width: 65%;
}
#about_page .about_header_image img{
width: 100%;
}
}
@media only screen and (min-width: 1051px) and (max-width: 1199px){
#homepage .opening-hours-details{
width: 30%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
#homepage .opening-hours-details{
width: 26%;
}
}
.apply_finance_button{
padding: 2rem 0;
}
.modal-used-cars__payments{
color: #FFFFFF;
}
#book-test-drive{
position: absolute;
bottom: 56%;
z-index: 2;
width: 100%;
}
#book-test-drive .book-test-drive-button{
background: rgba(59, 70, 43, 0.8);
color: #FFFFFF;
height: 61px;
font-size: 18px;
font-weight: 600;
text-align: left;
border-radius: 8px;
text-transform: uppercase;
display: flex;
justify-content: space-between;
}
#book-test-drive .book-test-drive-button p{
padding: 10px 4px;
}
#book-test-drive .fa{
color: #F5CA41;
font-size: 30px;
margin-left: 18px;
margin-top: 8px;
}
#book-test-drive .home-hero-text h6{
color: #FFFFFF;
font-size: 63px;
font-family: Open Sans, sans-serif;
margin-bottom: 30px;
font-weight: 600;
}
#book-test-drive .hero-cta{
display:flex;
justify-content:left;
margin-top:20px;}
/* #book-test-drive:hover i{
margin-right: 5px;
} */
.book-test-drive-button_volvo .fa{
margin-left: 7px !important;
}
.book-test-drive-button_vehicle_servicing p{
padding: 5px 8px !important;
line-height: 18px;
}
a.book-test-drive-button img {
margin-right:0;}
@media (min-width:768px) {
#book-test-drive{
top:230px;
}
}
@media (max-width:767px) {
#thumb-inner .carousel-item iframe{
height: calc(100vw/4*3);}
.carousel-control-prev.carousel-control-prev-top{top: 50% !important;
bottom: 50% !important;}
.carousel-control-next.carousel-control-next-top{top: 50% !important;
bottom: 50% !important;}
#carousel-thumb.fullscreen .carousel-control-next-top {top: 50% !important;
bottom: 50% !important;}
#carousel-thumb.fullscreen .carousel-control-prev-top {top: 50% !important;
bottom: 50% !important;}
}
@media (min-width:768px) and (max-width:999px) {
#thumb-inner .carousel-item iframe{
height: calc(87vw/4*3) !important;;}}
.vehicle-enquiry-collapse-title {
font-weight: 700;
font-size: 22px;
/* text-transform: uppercase; */
cursor:pointer;}
.hero-slick-banner img{
width: 100%;
/* height: 650px; */
}
.slick-dots {
text-align: center;
padding-top: 15px;
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%, -50%);
}
.slick-dots li {
display: inline-block;
vertical-align: top;
margin: 0 8px;
}
.slick-dots li button {
width: 20px;
height: 20px;
border: none;
cursor: pointer;
border-radius: 50%;
/* border: 2px solid #000; */
box-shadow: 0 0 0 0 transparent;
vertical-align: middle;
color: #000;
background-color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
opacity: .4;
font-size: 0;
}
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover {
opacity: 1;
}
.slick-dots li.slick-active button {
/* border-color: #2d3042; */
/* box-shadow: 0 0 0 2px #000; */
opacity: 1;
}
@media (max-width:768px) {
.hero-slick-banner-mob{
display: block !important;
}
.hero-slick-banner-mob img{
width: 100%;
}
.slick-dots {
bottom: 10px;
}
.hero-slick-banner{
display: none !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1050px){
.slick-dots{
bottom: 20px;
left: 55%;
}
}
.hero-slick-banner,.hero-slick-banner-mob{
display: none;
}
.hero-slick-banner.slick-initialized,.hero-slick-banner-mob .slick-initialized{
display:block;
}
.homepage-shoutout {
text-align: left;}
.homepage-shoutout h1 {
font-weight: 900;
color: white;
text-shadow: 3px 3px 3px rgba(0,0,0,0.35);
text-transform: uppercase;
font-size: 50px;}
.homepage-shoutout p {
color: white;
font-size: 21px;
text-shadow: 3px 3px 3px rgba(0,0,0,0.35);}
@media (max-width:767px){
#book-test-drive{
bottom:24%;}
.homepage-shoutout h1 {font-size:40px;}
.homepage-shoutout p {font-size:16px;}
}
.hero-overlay-content{
position: absolute;
top: 22%;
z-index: 3;
left: 50%;
transform: translate(-50%, -50%);
}
#modalVideoPlayer iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
#modalVideoPlayer .modal-dialog {
max-width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#modalVideoPlayer .modal-content {
height: auto;
min-height: 100%;
border-radius: 0;
background-color: #000000 !important;
}
.hero-overlay-content{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.hero-overlay-content__heading{
font-size: 32px;
color: #FFFFFFB3;
letter-spacing: .51px;
font-weight: 700;
text-transform: none;
line-height: 36px;
margin-bottom: 20px;
/* text-shadow: 3px 3px 3px rgba(0,0,0,0.7); */
}
.hero-overlay-content__text{
font-size: 92px;
color: #FFFFFF;
/* letter-spacing: 1.47px; */
font-weight: 700;
margin-bottom: 70px;
/* text-align: center; */
line-height: 91px;
/* text-shadow: 3px 3px 3px rgba(0,0,0,0.7); */
}
.hero-overlay-content__button{
width: 338px;
height: 63px;
border-radius: 50px;
background: #ED1C24;
color: #FFFFFF;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1.8px;
line-height: 25px;
margin-bottom: 50px;
}
.hero-overlay-content__button:hover,.hero-overlay-content__play-button:hover{
color: #FFFFFF;
}
.hero-overlay-content__play-button{
font-size: 18px;
color: #FFFFFF;
font-weight: 300;
}
#homepage .sm-search-title{
display: none;
}
.homepage-forecourt-image img{
width: 100%;
}
.car-page #car-accordion .accordion-used-car__card-header{
text-transform: none;
}
.car-page #car-accordion .accordion-used-car__title{
font-size: 22px !important;
}
.car-page .card_enquiry_title img{
margin-right: 21px;
}
.car-page .reserve_online_card img{
margin-right: 18px !important;
}
.car-detail-main-section .car-monthly-price{
color: #657786!important;
}
#trade-in-photos-submit-all-btn{padding:10px 50px!important;margin-bottom:20px;background:#05141F;border-color: #05141F;border-radius: 100px;color: #FFFFFF;}
.cash-for-cars #finance-right img{/*width:100%;*/margin-bottom:-100px;}
@media only screen and (max-width: 1399px) and (min-width: 1199px){
.cash-for-cars #finance-right img{margin-bottom:-50px;}
}
.cash-for-cars #finance-hero{display:flex;flex-wrap:wrap;padding-bottom:80px;padding-top:50px;}
#sell-your-car-form{padding-top:120px;padding-bottom:60px;}
.cash-for-cars .car-sourcing-title{margin-bottom:30px;}
@media only screen and (max-width: 768px){
/* .cash-for-cars-mobile{display:block!important;} */
.cash-for-cars-mobile img{width:100%;}
/* .cash-for-cars #finance-right{display:none;} */
.cash-for-cars .section__title-blue{background:#FFFFFF;}
.cash-for-cars .section__title-blue-container{padding:0!important;color:#FFFFFF;}
.cash-for-cars .car-sourcing-title{font-size:28px;font-weight:600;margin-bottom:20px;margin-top: 30px;}
.cash-for-cars .car-sourcing-content{font-size:16px !important;}
.cash-for-cars .section__title-blue{padding:15px!important;}
.cash-for-cars #sell-your-car-form{padding-top:0!important;}
.cash-for-cars .trade-in-photos-submit-all{margin-top:20px;margin-bottom:30px;}
.cash-for-cars .trade-in-photos-submit-all .col-lg-8{text-align:center!important;}
.cash-for-cars #trade-in-photos-submit-all-btn{padding:15px 50px!important;}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
#sell-your-car-form{padding-left:0;}
.cash-for-cars #finance-hero{padding-bottom:0;padding-top:0;}
.cash-for-cars .col-form-label{padding-left:0;}
}
@media only screen and (max-width: 1050px) and (min-width: 992px){
#sell-your-car-form{padding-top:50px;}
}
#sell-your-car-form #warnings{display:block!important;width:90%;margin:0 auto;margin-top:20px;}
.cash-for-cars .section__title-blue{background: #0C0E23 !important;color:#000000!important;}
.cash-for-cars #finance-left{padding-top:40px;}
@media only screen and (max-width: 768px){
.cash-for-cars #finance-left{padding-top:0;}
.cash-for-cars #trade-form-section{padding:15px;}
.cash-for-cars #trade-in-photos-submit-all-btn{background:#3C4C32!important;border-color:none!important;}
}
@media only screen and (max-width: 767px){
.label-sell-your-car{display:none;}
}
.cash-for-cars #trade-in-photos-submit-all-btn{background:#05141F!important;border-color:none!important;border-color: #05141F !important;}
.customer-reviews .feedback-title-section a{
font-size: 14px;
color: #2D5C88;
margin-top: 30px;
margin-bottom: 70px;
}
.customer-reviews .feedback-title-section a:hover{
color: #2D5C88;
}
.customer-reviews .feedback-title-section{
justify-content: space-between;
align-items: baseline;
}
@media only screen and (max-width: 768px){
/* .hero-overlay-content{
display: none !important;
} */
/* .search-box .title-top-img-mobile{
display: none !important;
} */
.opening-hours__gmaps_wrapper{
flex-direction: column;
}
/* .homepage-mobile-hero{
display: block !important;
} */
.homepage-mobile-hero img{
width: 100%;
}
}
.footer-address-phone{
display: flex;
flex-direction: column;
/* margin-top: 20px; */
margin-bottom: 40px;
justify-content: center;
text-align: center;
}
.footer-address-phone a{
font-size: 21px;
color: #FFFFFF;
/* margin-bottom: 15px; */
}
.footer-address-phone p{
font-size: 16px;
color: #FFFFFF;
margin-bottom: 10px;
}
.footer-copyright,.footer-simi-logo{
margin-bottom: 50px;
text-align: center;
margin-top: 50px;
}
@media only screen and (max-width: 767px){
.customer-reviews .feedback-title-section a{
display: none;
}
.search-box .home-js-select-row{
height: 380px !important;
}
}
.car-sourcing-title{
font-size: 36px;
font-weight: 500;
}
.car-sourcing-content{
font-size:16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.search-box .container{
max-width: 100% !important;
display: block !important;
}
.shortlist #used-cars.main-wrapper .car-tile{
max-width: 45%;
}
.shortlist .car-tile .car-desc .col-6{
flex: 0 0 45%;
}
.shortlist .car-monthly-price span{
font-size: 12px !important;
}
}
.customer-reviews .feedback-title-section a{
display: none !important;
}
@media only screen and (min-width: 992px) and (max-width: 1050px){
.shortlist #used-cars.main-wrapper .car-tile{
max-width: 32% !important;
}
}
.hero-overlay-content__heading{
text-align: center;
font-family: "Open Sans", sans-serif;
}
/* #homepage #opening-hours-section{
display: none;
} */
.about-page #finance-right img{
margin-bottom: 0px;
margin-top: 110px;
}
.about-page .section__title-blue-container {
padding: 0 60px 0 0;
}
.about-page .car-sourcing-content{
font-size: 18px;
margin-top: 90px;
}
/*.about-page #finance-hero{
margin-bottom: 200px;
}*/
.search-box .home-js-select-row .title-top-img{
width: 100%;
margin-left: 5px;
}
@media only screen and (max-width: 768px){
/* #banner{
display: none !important;
} */
#footer #line{
display: none;
}
#footer{
padding-top: 40px;
}
.footer-header img{
width: 90%;
}
.cash-for-cars #finance-hero{
padding-bottom: 40px;
}
.cash-for-cars .section__title-blue{
background: #FFFFFF;
}
.mobile-appear-footer{
display: block !important;
}
.mobile-disappear-footer{
display: none;
}
}
@media only screen and (max-width: 767px){
.used-car-search-card .search-submit button{
width: 100%;
}
}
/* @media only screen and (min-width: 769px){
.footer-address-phone{
display: none;
}
} */
@media only screen and (min-width: 768px) and (max-width: 991px){
.search-box .container .row{
padding: 15px;
}
#homepage .search-box{
margin-top: -20px;
}
.about-page #finance-hero {
margin-bottom: 0;
}
.about-page .car-sourcing-content{
margin-top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1050px){
.selling-title{
padding: 9% 0 5% 0;
}
}
.selling-hero{
padding-top: 68px;
padding-bottom: 50px;
background: #0C0E23;
color: #FFFFFF;
}
.selling-hero .container{
display: flex;
}
.selling-hero-title{
font-size: 36px;
text-transform: capitalize;
margin-bottom: 40px;
margin-top: 10px;
font-weight: 700;
}
.selling-hero .col-7 img{
width: 100%;
}
.selling-hero-content p{
font-size: 16px;
}
.selling-hero-content{
padding-right: 55px;
}
.dropzone {
width: 170px !important;
height: 165px !important;
border: 1px solid rgba(0, 0, 0, 0.3) !important;
margin: 5px;
background: white;
padding: 20px 20px;
/*-webkit-box-shadow: inset 2px 4px 10px 0 rgba(0,0,0,0.3);
-moz-box-shadow: inset 2px 4px 10px 0 rgba(0,0,0,0.3);
box-shadow: inset 2px 4px 10px 0 rgba(0,0,0,0.3);*/
/* color: #3399ff; */
border-radius: 5px;
}
.dropzone .dz-message {
text-align: center !important;
margin: 20px 0 !important; }
.dropzone .dz-message .dz-button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit; }
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 0 !important;}
.dropzone .dz-preview .dz-progress {
opacity: 0 !important;}
.dropzone.col-md-4 {
float: left;
padding: 10px 10px;
overflow: hidden;
}
.dropzone.dz-clickable{
cursor : pointer;}
.trade-in-upload-photos{
margin-bottom: 20px;}
.dz-message img{
margin-bottom: 5px;}
#trade-in-photos-submit-all-btn{
padding : 10px 50px !important;
}
.dropzone-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.cash-for-cars .cash-for-car-application .cash-for-cars-block:last-child div {
text-align: center;
}
.cash-for-cars-photo-upload-title{
text-align: center !important;
margin-bottom: 20px;
margin-top: 20px;
}
.dropzone .dz-preview{
margin: 7px !important;
}
.dropzone-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
color: #222222;
font-size: 16px;
}
.dropzone-row{
width: 70%;
margin: auto;
}
.selling .selling-chechbox{
margin-top: 30px;
display: flex;
}
.selling .selling-chechbox label{
margin-left: 20px;
}
.selling .selling-title-chechbox{
margin-top: 10px;
}
.selling .select2-container--default .select2-selection--single .select2-selection__rendered{
color: #777;
}
.dropzone.dz-clickable{
box-shadow: unset;
}
.selling #warnings{
display: block !important;
}
@media only screen and (max-width: 768px){
.selling-hero-mobile{
display: block !important;
}
.selling-hero-mobile img{
width: 100%;
}
.selling-hero-image{
display: none;
}
.selling-hero{
padding-top: 0 !important;
}
.selling-hero-title{
font-size: 28px;
text-align: center;
margin-bottom: 30px !important;
}
.selling-hero-content p{
font-size: 16px;
}
.selling-hero-content{
padding-right: 0;
}
.selling .selling-form{
margin-top: 20px;
}
.selling{
margin-top: 20px;
}
}
.header-logo{
flex: 0 0 20%;
max-width: 20%;
}
.header-spacer{
flex: 0 0 31%;
max-width: 31%;
}
.header-phone{
flex: 0 0 17%;
max-width: 17%;
}
.header-social-stars{
flex: 0 0 15%;
max-width: 15%;
margin-left: 20px;
}
.header-social-stars,.header-social-stars__stars{
display: flex;
}
.header-social-stars__stars{
margin-left: 15px;
margin-top: -2px;
}
.header-social-stars__stars img{
width: 22px;
height: 22px;
margin-right: 3px;
}
.opening-hours-section__title{
color: #3C4858;
font-size: 22px;
font-weight: 600;
margin-bottom: 40px;
}
.footer-brand-logo{
margin-bottom: 40px;
}
div#modalBudget div.modal-header button{width:46px;height:46px;background:url(/images/budget/close-button.svg) no-repeat;margin:0!important;}
div#modalBudget .modal-header h5{line-height:46px;font-weight:400;}
div#modalBudget ul.nav-tabs{border-bottom:0px;}
div#modalBudget ul.nav-tabs li{text-align:center;border-top:1px solid #e6ecf0;border-left:1px solid #e6ecf0;border-right:1px solid #e6ecf0;width:50%;background:#e6ecf0;}
div#modalBudget ul.nav-tabs li a{color:#000;display:inline-block;width:100%;height:100%;background-color:#E6ECF0;line-height:3;}
div#modalBudget ul.nav-tabs li a.active{background-color:#fff;}
div#modalBudget div.modal-footer{border-top:0;}
div#modalBudget div.modal-header{border-bottom:0;background:unset;color:#3C4858;font-size:15px;}
div#modalBudget div#financeTab,div#modalBudget div#cashTab{border-left:1px solid #e6ecf0;border-right:1px solid #e6ecf0;border-bottom:1px solid #e6ecf0;}
div#modalBudget div.tab-pane p{padding:1em;}
div#modalBudget .ui-slider .ui-slider-handle{width:50px;height:50px;background:url(/images/budget/handle.svg) no-repeat;overflow:hidden;position:absolute;top:-10px;border-style:none;outline:none;}
div#modalBudget .slider-slider{clear:both;}
div#modalBudget #slider-budget,div#modalBudget #slider-deposit,div#modalBudget #slider-term,div#modalBudget #slider-cash{margin:1em;background-color:#706F6F;}
div#modalBudget .ui-widget-header{background-color:#002665;}
div#modalBudget .ui-slider-horizontal{height:5px;}
p.budget-intro{margin-bottom:3em;}
@media (min-width: 576px){
#modalBudget .modal-dialog{max-width:500px;}
}
#budget-submit{background:#05141F;color:#FFFFFF;width:165px;height:60px;font-size:18px;border-radius: 100px;}
#cashTab .col{padding-right:50px;padding-left:50px;text-align:center;}
.js-select2-choose-budget {
width: 100%;
height: 52px;
border-color: #E6ECF0;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/images/car-details/arrow-down.svg);
background-position: center right 20px;
background-size: 30px;
background-repeat: no-repeat;
background-color: white;
padding-left: 15px;
text-align: left;
padding-top: 13px;
color: #3C4858 !important;
}
.used-car-search-card #headingThree3, .used-car-search-card #headingThree3Mob {
width: 100%;
height: 52px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/images/car-details/arrow-down.svg);
background-position: center right 20px;
background-size: 10%;
background-repeat: no-repeat;
background-color: white;
border-radius: 4px;
padding-left: 5px;
border: 1px solid #dfdfdf;
text-align: left;
}
.used-car-search-card #setbudget {
color: #3C4858;
text-decoration: none;
cursor: unset;
font-weight: 400;
font-family: "Open Sans", sans-serif;
}
.card_enquiry{border:1px solid #E6ECF0;padding:2rem 1.2rem;}
.car-page #enquiry_card{border-radius:5px;padding:25px 20px;border:2px solid #706F6F;}
div#collapseFinance .ui-slider .ui-slider-handle{width:50px;height:50px;background:url(/images/budget/handle.svg) no-repeat;overflow:hidden;position:absolute;top:-10px;border-style:none;outline:none;}
div#collapseFinance .slider-slider{clear:both;}
div#collapseFinance #slider-deposit,div#collapseFinance #slider-term{margin:1em;background-color:#3371ab;}
div#collapseFinance .ui-slider-horizontal{height:5px;}
div#collapseFinance .accordion-used-car__card-body{background-color:#fff;padding:0.5rem;margin:0.5rem;}
div#collapseFinance p{margin:0.5rem 1rem;margin-bottom:40px;}
div#finance-option-monthly-container{width:100%;text-align:center;font-size:38px;display:block;color: #3C4A52;}
#data-panel ul li{border-top:none;}
.car-page #enquiry_card .nav-tabs{border-bottom:0px;}
.car-page #enquiry_card .nav-tabs li {
text-align:center;
height:85px;
background:#e6ecf0;
flex-grow:1;}
.car-page #enquiry_card .nav-tabs li a {
display:flex;
align-items:center;
color:#FFFFFF;
width:98.5%;
height:100%;
background-color: #0C0E23;
font-size:22px;
font-weight:600;
background-size: 34px;
padding-left:55px;margin: .5%;letter-spacing: 2.2px;}
.car-page #enquiry_card .nav-tabs li a.active{background-color:#ffffff;color:#0C0E23;}
.car-page #enquiry_card{padding:0px;}
.car-page #enquiry_card .slider-slider{clear:both;}
.car-page #enquiry_card #slider-deposit,.car-page #enquiry_card #slider-term{margin:1em;background-color:#959595;}
.car-page #enquiry_card .ui-slider-horizontal{height:5px;}
.car-page #enquiry_card .ui-slider .ui-slider-handle{width:50px;height:50px;background:url(/images/budget/handle.svg) no-repeat;overflow:hidden;position:absolute;top:-10px;border-style:none;outline:none;}
#finance-option-monthly-container button{border-radius:5px;background-color:#0C0E23!important;border-color:#0C0E23!important;text-transform:uppercase;color:#fff;width:165px;height:60px;margin-top:15px;margin-bottom:50px;padding:0px!important;text-transform: unset !important;font-weight: 600;}
#data-panel ul{list-style-type:none;}
#data-panel ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 0;}
#data-panel ul li h6{font-size:16px;text-transform:capitalize;font-weight:400;}
.reserve-tab-intro{color:#222222;margin-top:30px;margin-bottom:40px;text-align:left;}
#cashTab .col{padding-right:50px;padding-left:50px;text-align:center;}
.reserve-tab-price{font-size:38px;text-align:center;margin-bottom:20px;font-weight:400;color:#3C4A52;}
.reserve-tab-button{width:165px;height:60px;background-color:#0C0E23;color:#FFFFFF;border-radius:100px;padding:16px;margin-bottom:20px;}
.reserve-tab-button:hover{color:#FFFFFF;}
.enquiry_card-nav-reserve{background:url(/images/car-details/reserve.svg) center left 10px;background-repeat:no-repeat;}
.enquiry_card-nav-finance{background:url(/images/car-details/finance.svg) center left 10px;background-repeat:no-repeat;}
.enquiry_card-nav-finance.active{background:url(/images/car-details/finance-blue.svg) center left 10px;background-repeat:no-repeat;}
.stuarts_car_details #car-accordion .finance_options_card {
background: #313C53 !important;
height: 86px !important;
margin-top: 20px !important;
border: none;
}
#car-accordion .buy-online-icon {
background: url(/images/car-detail/shopping-cart.svg);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 10%;
}
.aftersales_btn:hover .aftersales_options{display:block!important;background:transparent;max-width:100%;top:55%;text-align:center;}
@media (max-width:1399px){
.aftersales_btn:hover .aftersales_options{top:75%;}
}
@media (max-width: 767px){
.aftersales_desktop{display:none;}
}
.aftersales_options{text-align:center!important;}
.aftersales_options li a{font-weight:400;font-size:16px;color:#000000;text-align:center;display:inline-block;padding:10px 19px;}
@media (max-width: 767px){
.aftersales_desktop{display:none;}
}
.aftersales_options li{width:240px;background:#111111;}
.aftersales_options .custom-list-item{width:150px;}
.aftersales_options{padding-top:28px;}
.aftersales_options .custom-list-item{width:150px;height:50px;padding-left:5px;position:relative;left:-20px;}
.aftersales_desktop i{margin-left:5px;font-size:18px;margin-top:5px;}
.aftersales_options_reviews .custom-list-item{width:200px!important;}
.aftersales_options .custom-list-item-workshop{left:-38px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.aftersales_desktop li a{font-size:16px;}
}
@media only screen and (max-width: 1099px) and (min-width: 768px){
.aftersales_desktop li a{font-size:16px!important;}
}
@media only screen and (max-width: 1399px){
.aftersales_options{padding-top:20px;}
}
#service-enquiry .form-control{
height: 52px;
}
#service-enquiry .modal-body h4{
margin-top: 0px;
}
.service_page .service_page_header .service_page_header_body .service_page_content_link,
.service_page .service_page_header .service_page_header_body .service_page_content_link:hover{
color: #3C4A52;
}
#servicing-page-services{
background-color: #222222;
color: #FFFFFF;
padding: 100px 0px;
}
#servicing-page-services h3{
margin-bottom: 60px;
text-align: center;
font-size: 36px;
font-weight: 500;
}
.servicing-page-services__part{
margin-bottom: 50px;
}
.servicing-page-services__part h4{
margin: 20px 0px;
}
.servicing-page-services__part p{
margin-right: 40px;
font-size: 16px;
line-height: 24px;
}
.servicing-page-services__part img{
width: 100%;
object-fit: cover;
}
.servicing-page-services__part a,.servicing-page-services__part a:hover{
color: #FFFFFF;
}
.selling-hero-image img{
width: 100%;
}
.opening-hours-section-contact{
margin-top: 60px;
}
.about-page #finance-left p{
margin-bottom: 20px;
padding-right: 0px;
/* text-align:justify; */
}
.about-page .section__title-blue{
}
.opening-hours-gmap iframe{
width: 100%;
height: 360px;
}
@media (max-width: 767px){
.aftersale_mobile{display:block!important;}
.mobile_nav_link{background-image:url(/images/home/chevron-up-mobile.svg);background-repeat:no-repeat;background-position:center right 25px;background-size:14px;border-bottom:none!important;}
.nav-link_mobile{border-bottom:none!important;}
.aftersale_mobile li{width:100%!important;}
}
@media (max-width: 767px){
.aftersale_mobile{width:100%;}
}
@media only screen and (min-width: 761px) and (max-width: 768px){
.aftersale_mobile{display:block!important;}
}
#collapseFour .nav-link{padding-left:20vw;}
@media only screen and (max-width: 768px){
.js-select2-choose-budget{
border-radius: 9px;
height: 54px;
}
.opening-hours-section__title{
font-size: 18px;
text-align: center;
}
.footer-address-phone a,.footer-address-phone p{
font-size: 20px;
}
.used-car-search-card #setbudget{
color: #657786 !important;
}
.car-tile .car-title p{
text-align: left;
}
/* .used-car-button:last-child{
padding-right: 18px;
} */
.used-car-button img{
margin-bottom: 5px;
}
.about-page #finance-left p{
padding-right: 0px;
}
.about-page #finance-hero{
padding-top: 10px;
}
#Team h2{
margin-top: 20px;
}
}
@media only screen and (max-width: 767px){
#EnquireModal .modal-body, #buy-online-modal .modal-body{
flex-direction: column;
}
.team-member {
width: 85%;
margin-right: 5px;
}
#Team .container{
padding-right: 5px;
padding-left: 10px;
}
.contact_us_mobile_image{
display: block !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
#modalBudget .modal-body{
flex-direction: column;
}
.search-results-page .car-tile .car-desc .col-6{
padding-left: 3%;
}
.search-results-page .car-tile .car-desc {
padding: 20% 0 2% 0 !important;
}
.reserve-page__title{
text-align: left;
}
.shortlist .car-tile .car-desc .col-6 {
padding-left: 0%;
}
.contact_us_page .form-check-label{
padding-left: 35px;
}
}
.header-logo img{
margin-left: 25px;
margin-top: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1299px){
.header-address {
flex: 0 0 33%;
max-width: 33%;
}
.header-spacer {
flex: 0 0 17%;
max-width: 17%;
}
}
@media only screen and (min-width: 1100px) and (max-width: 1199px){
.header-address {
flex: 0 0 32%;
max-width: 32%;
font-size: 18px;
}
/* .header-phone{
font-size: 18px;
} */
.header-spacer {
flex: 0 0 16%;
max-width: 16%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1099px){
.header-logo img{
width: 190px;
}
.header-logo {
flex: 0 0 16%;
max-width: 16%;
}
.header-spacer {
flex: 0 0 18%;
max-width: 18%;
}
.header-address {
flex: 0 0 32%;
max-width: 32%;
}
.header-phone,.header-address{
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
.workshop-card-body p, .finance-card-body p{
height: 54px;
}
}
@media only screen and (max-width: 1399px) and (min-width: 992px){
.opening-hours__gmaps_wrapper{
flex-direction: column;
}
.opening-hours-details{
/* width: 60% !important; */
padding-left: 0px;
/* margin-left: 30%; */
}
/* .opening-hours-gmap iframe{
width: 500px;
} */
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
/* .opening-hours-gmap iframe{
width: 350px;
} */
.car-page #enquiry_card .nav-tabs li a{
padding-left: 40px;
font-size: 18px;
padding-top: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.car-page #enquiry_card .nav-tabs li a{
padding-left: 55px;
}
}
#EnquireModal .enquiry_btn{
background: #05141F;
color: #FFFFFF;
width: 150px;
height: 52px;
border-radius: 100px;
}
#EnquireModal .massege-btn-box{
text-align: center;
}
#EnquireModal .accordion-used-car__form-control{
box-shadow: none;
border-radius: 0px !important;
}
#mb_submit_tradein{
margin-top: 30px;
}
@media only screen and (max-width: 768px){
.about-mobile-disappear{
display: none;
}
.about-mobile-appear{
display: block !important;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.opening-hours-gmap iframe{
width: 320px;
}
}
.mobility-page-hero{
background: #222222;
color: #FFFFFF;
padding-top: 100px;
padding-bottom: 50px;
}
.mobility-page-hero__image img{
width: 100%;
margin-top: 75px;
}
.mobility-page-hero__image{
padding-left: 70px;
}
.mobility-page-hero__content h3{
font-size: 36px;
font-weight: 600;
margin-bottom: 40px;
}
.mobility-page-hero__content p{
font-size: 16px;
margin-bottom: 20px;
line-height: 26px;
}
.mobility-page-hero__content a,.mobility-page-hero__content a:hover{
color: #FFF;
}
.mobility-page-features{
padding-top: 70px;
padding-bottom: 50px;
}
.mobility-page-features h3{
text-align: center;
margin-bottom: 50px;
font-size: 36px;
font-weight: 600;
color: #3C4A52;
}
.mobility-page-features__feature-card-content{
border: 1px solid #E6ECF0;
padding: 30px;
color: #3C4A52;
height: 250px;
}
.mobility-page-features__feature-card-content h4{
font-weight: 600;
font-size: 16px;
}
.mobility-page-features__feature-card-content p{
font-weight: 400;
font-size: 14px;
}
.mobility-page-video iframe{
height: 370px;
}
.mobility-page-video{
padding: 70px 0px;
}
.mobility-page-featured-vehicles #special-offers .title-special-offer{
margin-top: 30px;
text-align: center;
color: #3C4A52;
margin-bottom: 60px;
font-weight: 600;
font-size: 36px;
}
@media (min-width: 768px){
.accordion__wrapper{display:none!important;}
}
@media only screen and (max-width: 767px){
.accordion__title{background-image:url("/images/home/arrow-down.png");background-position:center right 10px;background-repeat:no-repeat;background-size:4%;}
}
.accordion{padding:0 3.1rem;}
.accordion > .card .card-header{padding:0 0;}
.accordion__button{font-size:16px;float:left;border-radius:0;text-align:left;background-color:#FFFFFF;color:#3C4858;text-transform:capitalize;}
.accordion__button:hover{color:white;}
.accordion__title{position:relative;color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.accordion__icon-wrapper{position:absolute;top:0;bottom:0;right:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;pointer-events:none;}
.accordion__icon-wrapper img{width:23px;height:23px;}
.accordion__down-icon{transform:rotate(0deg);}
.accordion > .card{cursor:pointer;border:1px solid #CCCCCC;border-radius:0;}
.accordion .card-body{background:#c8c8c8;font-size:16px;padding:15px 50px;font-weight:700;border-top:2px solid #c0c0c0;line-height:20px;}
.card-header{padding:0px;padding-right:21px;background-color:#Ffffff;display:flex;align-items:center;justify-content:space-between;background-image:url("/images/used-cars/arrow-down-blue.png");background-position:center right 22px;background-repeat:no-repeat;background-size:13px;height:52px;}
@media only screen and (max-width: 767px){
.accordion__wrapper .container{padding:0;max-width:100%;}
.accordion__wrapper{margin-top:10px;}
.accordion{padding:0;margin-bottom:0;}
.accordion__button{font-size:18px;text-align:left;padding:1rem 3rem 1rem 1rem;}
.accordion .card-body{font-size:15px;padding-left:27px;}
.card-header{padding:11px 18px;}
}
@media only screen and (max-width: 390px){
.accordion__button{font-size:15px;}
.accordion .card-body{font-size:14px;}
}
@media only screen and (max-width: 320px){
.accordion__button{font-size:12px;}
.accordion .card-body{font-size:12px;}
}
/*! CSS Used from: http://ia.localdomain/css/compiled.styles.css?v=1.31 */
@media (min-width:768px) and (max-width:1199px){
.accordion__button{background:unset;font-size:13px;}
}
.faq-page .accordion{background-color:#fff;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border-bottom:none;outline:none;transition:0.4s;border:none;}
.accordion img{margin-right:10px;}
.accordion__wrapper_faq{display:block!important;margin-top:30px;margin-bottom:30px;}
.accordion__wrapper_faq .btn.shadow-none.accordion__button{background-image:unset;color:#212529!important;font-weight:400!important;width:100%;}
.accordion__wrapper_faq .btn.shadow-none.accordion__button:hover{color:#212529!important;}
.accordion__wrapper_faq .accordion__icon-wrapper img{width:17px;height:19px;}
.accordion__wrapper_faq .accordion .card-body{background:#FFFFFF!important;font-weight:400;font-size:15px;border-top:1px solid #c0c0c0!important;padding:40px;}
.accordion__wrapper_faq .card-header{background-image:unset;}
.accordion__wrapper_faq .accordion__title{width:100%;}
.faq-page .card-header{height:unset;}
.faq-page .accordion__button{background-color:#F5F5F5;height:69px;}
.faq-page .accordion__wrapper_faq .btn.shadow-none.accordion__button{color:#095EA9!important;font-family:Archivo;font-size:18px;}
.faq-page__header h3{text-align:center;font-size:36px !important;margin-top:120px;font-weight: 600 !important;}
@media only screen and (max-width: 767px){
.faq-page .accordion__button{height:auto;}
}
#left-content{text-align:left;padding:35px;}
.hero-row h1,.hero-row p{color:#222222;}
.hero-row #left-content h1{font-size:46px;line-height:54px;text-transform:uppercase;font-weight:700;}
@media (max-width:1025px){
.hero-row #left-content h1{font-size:2.5rem;}
}
@media (max-width:768px){
.hero-row #left-content h1,.hero-row #left-content p{text-align:center;}
}
.hero-row p{font-size:16px;margin-top:20px;}
@media (max-width:768px){
.page-offset-img{margin-right:0;margin-top:30px;margin-bottom:-20px;padding-right:0;}
}
@media (min-width:576px){
.page-offset-img{padding:0;}
}
@media only screen and (max-width: 768px){
.hero-row #left-content h1{font-size:30px;margin-top:20px;}
.page-top .hero-row{margin-top:0;}
.page-top .page-offset-img{display:none;}
}
.workshop-page-top .page-hero{height:500px;top:100px;}
.workshop-page-top .hero-row #left-content h1{font-size: 36px;
margin-top: 30px;
margin-bottom: 30px;
text-transform: none;}
.workshop-page-top .hero-row p{font-size:16px;padding-right:20px;line-height: 27.2px;}
@media only screen and (max-width: 768px){
.workshop-image-mobile{display:block!important;}
.workshop-image-mobile img{width:100%;}
.workshop-page-top #left-content{padding:0;text-align:center;}
.workshop-page-top .hero-row #left-content h1{margin-top:0;}
.workshop-page-top .hero-row #left-content p{margin-bottom:20px;padding-left:20px;}
}
@media only screen and (min-width: 769px) and (max-width: 1050px){
.page-top .hero-row{margin-top:125px;align-items:flex-start;flex-wrap:nowrap;}
.page-offset-img{margin-top:65px;}
.workshop-page-top .page-offset-img{margin-top:50px;}
.workshop-page-top .hero-row p{font-size:16px;}
.workshop-page-top .hero-row{margin-top:55px;}
}
@media only screen and (min-width: 769px) and (max-width: 1050px) and (orientation: landscape){
.page-offset-img{margin-top:65px;}
}
.workshop-page-top .hero-row{align-items:flex-start!important;margin-top:80px;}
@media only screen and (max-width: 768px){
.workshop-page-top .hero-row #left-content h1{font-size:30px;margin-bottom:20px;}
.workshop-page-top .hero-row{margin-top:30px;}
}
@media only screen and (min-width: 992px) and (max-width: 1050px){
.workshop-page-top .hero-row #left-content h1{font-size:50px;}
.page-top .hero-row{margin-top:0;}
}
.workshop-page-top .hero-row{display:flex;}
@media (max-width:1024px){
.page-hero{display:none;}
}
@media only screen and (max-width: 768px){
.workshop-page-top{background:#FFFFFF;}
.workshop-page-top .hero-row #left-content h1{font-size:28px;color:#2A2A2A;text-transform:capitalize;margin-bottom:5px!important;}
.workshop-page-top .hero-row #left-content p{color:#2A2A2A;text-align:left;}
}
.workshop-page-top .page-offset-img{
width: 100%;
}
#servicing-cards-section{margin-top:100px;}
#servicing-cards-section .cards{display:flex;}
#servicing-cards-section .card-item{display:flex;flex-direction:column;justify-content:space-between;}
#servicing-cards-section .container{display:flex;}
#servicing-cards-section .cards .card-info h6{color:#005EAA;font-size:20px;margin:15px 0;}
#servicing-cards-section .cards .card-info p{color:#2A2A2A;font-size:16px;margin:15px 0;line-height: 27.2px;}
@media only screen and (max-width: 768px){
#servicing-cards-section img{width:100%;}
#servicing-cards-section .container{flex-wrap:wrap;}
#servicing-cards-section .cards{margin-bottom:20px;}
}
#service-enquiry #FormControlTextareaModal{
height: auto;
}
.about-page .finance-app-blue-title p{
font-size: 16px;
line-height: 26px;
}
@media only screen and (max-width: 768px){
.homepage-mobile-hero{
display: block !important;
}
#special-offers .title-special-offer{
margin-top: 0px;
}
.mobility-page-hero__mob{
display: block !important;
}
.mobility-page-hero__mob img{
width: 100%;
}
.mobility-page-hero{
padding-top: 0px;
background: #FFFFFF;
color: #3C4A52;
}
.mobility-page-hero a{
color: #3C4A52;
}
.mobility-page-hero__content{
padding-left: 20px;
padding-right: 20px;
}
.mobility-page-hero__content h3 {
font-size: 24px;
margin-bottom: 25px;
margin-top: 30px;
}
.mobility-page-hero__image{
display: none;
}
.mobility-page-features{
padding-top: 15px;
}
.workshop-page-top .hero-row{
margin-top: 0px;
padding-top: 0px;
}
#left-content{
margin-top: 10px;
}
#servicing-cards-section {
margin-top: 100px;
}
.contact_us_page .contact_us_main {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px){
.mobility-page-features__feature-card{
width: 335px;
margin: auto;
margin-bottom: 30px;
}
.mobility-page-features__feature-card img{
width: 100%;
}
.mobility-page-video{
padding-top: 30px;
}
.mobility-page-video .container{
padding: 0px;
}
.mobility-page-video .container .col-sm-12{
margin-bottom: 30px;
}
.title-special-offer .mobile-appear{
height: 0px;
}
.mobility-page-featured-vehicles #special-offers .title-special-offer{
margin-top: 0px;
margin-bottom: 45px;
}
.faq-page__header h3{
font-size: 30px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
#homepage #feedback{
margin-bottom: 0px;
}
.mobility-page-hero__content{
flex: 0 0 100%;
max-width: 100%;
}
.mobility-page-features__feature-card{
flex: 0 0 48%;
max-width: 48%;
margin-bottom: 30px;
}
}
.mobility-page-features__feature-card img{
width: 100%;
object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.header-top-section-part-menu{
max-width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1250px){
.header-top-section-part-menu ul li{
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1205px){
.header-phone {
flex: 0 0 21%;
max-width: 21%;
}
.header-spacer {
flex: 0 0 10%;
max-width: 10%;
}
.header-social-stars{
margin-right: 20px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1050px) and (max-width: 1199px){
#left-content{
padding-left: 0px;
}
.workshop-page-top .hero-row #left-content h1{
margin-top: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1049px){
.workshop-page-top .hero-row #left-content h1 {
font-size: 36px;
}
}
#servicing-cards-section img {
width: 100%;
height: 300px;
object-fit: cover;
}
@media (max-width: 1024px){
.workshop-page-top {
background: none !important;
}
.workshop-page-top .page-offset-img {
margin-top: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.mobility-page-features__feature-card-content{
height: 200px;
margin-bottom: 30px;
}
.mobility-page-features__feature-card{
flex: 0 0 48%;
max-width: 48%;
}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
#yt-banner .video_wrap{
display: none !important;
}
.search-box-h{
top: 18%;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.search-commercials .car-tile .car-desc {
padding: 27% 0 2% 0 !important;
}
.search-commercials .car-tile {
/* flex: 0 0 23% !important; */
max-width: 48% !important;
}
}
@media (min-width: 992px){
.search-commercials .car-tile {
/* flex: 0 0 23% !important; */
max-width: 33% !important;
}
}
@media (min-width: 1199px){
.search-commercials .car-tile {
/* flex: 0 0 23% !important; */
max-width: 24% !important;
}
}
.search-commercials .car-tile {
margin-bottom: 3%;
border: 1px solid rgba(0,0,0,.1);
padding-left: 0px;
padding-right: 0px;
margin-right: 1%;
}
.search-commercials{
margin-top: 100px;
}
.row.search-top{
margin-top: 0px;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px){
#service-enquiry .mileage-radio{
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px){
#service-enquiry .mileage-radio{
margin-bottom: 30px;
}
}
#vehicle-car-buttons-mobile button:focus{
outline: none;
}
@media only screen and (max-width: 768px) and (min-width: 761px){
.search-commercials .row.search-top {
text-align: left;
}
}
@media only screen and (max-width: 767px){
.search-commercials .row.search-top h1{
font-size: 27px;
}
.search-commercials .row.search-top #sort-results{
margin-top: 15px;
}
.search-commercials .car-tile .car-desc {
padding: 25% 0 2% 0;
}
.search-commercials .car-monthly-price{
text-align: left;
margin-left: 10px;
}
}
#header-top-section .box{color: #FFF;}
.header-top-section-part a {
color: #FFF;
}
#header-top-section {background-color:#000000;}
.mobile-branding{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 105;
background: #FFFFFF;
}
@media (min-width:1200px){
html:not([data-scroll='0']) #header-top-section {background-color:#222222;}
html:not([data-scroll='0']) .header-top-section-part-menu {background-color:#222222;}
html:not([data-scroll='0']) #header-top-section .box{color: #FFF;border-bottom:none;}
html:not([data-scroll='0']) .header-logo-stroke {stroke:#05141F;}
html:not([data-scroll='0']) .header-logo-fill {fill:#05141F;}
html:not([data-scroll='0']) .header-logo-stroke {fill:#05141F;}
html:not([data-scroll='0']) .mobile-branding{background: #FFFFFF;}
html:not([data-scroll='0']) .mobile-branding__logo-light{display: none !important;}
html:not([data-scroll='0']) .mobile-branding__logo{display: block;}
html:not([data-scroll='0']) .mobile-menu-ipad .navbar-toggler img{filter: invert(0);}
.header-logo-stroke {stroke:#FFFFFF;}
.header-logo-fill {fill:#FFFFFF;}
.header-logo-stroke {fill:#FFFFFF;}
#header-top-section {background-color:transparent;}
.header-top-section-part-menu {background-color:transparent;}
#header-top-section .box{color: #FFFFFF;}
.mobile-branding{background:transparent;}
.mobile-branding__logo-light{display: block !important;}
.mobile-branding__logo{display: none;}
.mobile-menu-ipad .navbar-toggler img{filter: invert(1);}
}
@media (min-width:1200px) and (max-width:1399px) {#yt-banner{height:970px;}.search-box-h{top:86vh;}}
#website-by {background-color: #000;}
#website-by .col {padding: 15px 0;}
#website-by .col a {color: #ffffff;}
@media only screen and (max-width: 575px) {
#website-by .col {padding: 24px 14px;}
}
#parts-enquiry form{
display: flex;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px){
#parts-enquiry .comments-column{
margin-top: 110px;
}
}
.workshop-page-top,.workshop-page-top .hero-row{
height: auto;
}
.workshop-notice{
font-size: 16px;
color: #3C4A52;
font-weight: 600;
}
.footer-address-phone__part{
margin-bottom: 15px;
}
.finance-apps .black_background{
/* background: #222222; */
height: auto;
}
.contact-name {color:#aab8c2;}
.contact_us_form #warnings{
display: block !important;
}
.search-box .home-js-select-row button{
white-space: nowrap;
}
.opening-hours-section-title{
font-size: 22px;
color: #3C4858;
line-height: 27px;
margin-bottom: 30px;
font-weight: 700;
text-align: left;
}
.opening-hours .search-button {
background: transparent !important;
color: #657786;
margin-top: 0px;
padding-left: 0px;
text-decoration: underline;
}
/* .opening-hours .input-search{
padding-left: 15px;
width: 20%;
} */
#data-panel ul li h6{
color: #3C4A52;
}
#data-panel ul li h6:first-child{
width: 65%;
}
#leaveReview #enquiry_submit{
background: #05141F;
}
.opening-hours-contact-page{
margin-top: 50px;
}
#additional-services{margin-top:90px;margin-bottom:70px;}
.additional-services__content{display:flex;}
.additional-services__content-card{width:33.33%;height:390px;margin:0px 10px;color:#FFFFFF;padding-left:25px;padding-top:25px;cursor:pointer;}
.additional-services__content-card-1{background:url(/images/home/merrion-cars.jpg);background-size:cover;background-repeat:no-repeat;}
.additional-services__content-card-2{background:url(/images/home/get-finance.jpg);background-size:cover;background-repeat:no-repeat;}
.additional-services__content-card-3{background:url(/images/home/contact-us.jpg);background-size:cover;background-repeat:no-repeat;}
.additional-services__content-card h4{background:#111111;margin-bottom:10px;width:60%;padding:5px 15px;font-size:36px;}
.additional-services__content-card-1 h4{width:75%;padding:5px 15px;}
.additional-services__content-card-btn{background:#05141F;height:28px;border-radius:0px;padding:0px 10px;font-size:19px;color:#FFFFFF;}
.additional-services__content-card-btn:hover{color:#FFFFFF;}
@media only screen and (max-width: 768px){
#additional-services{margin-top:40px;}
}
@media only screen and (max-width: 767px){
.additional-services__content-card{width:100%;margin:0px;margin-bottom:25px;}
.additional-services__content{flex-direction:column;}
.additional-services__content-card h4{font-size:28px;width: 93%;}
}
@media only screen and (min-width: 761px) and (max-width: 768px){
.additional-services__content{flex-wrap:wrap;}
.additional-services__content-card{width:45%;margin-bottom:20px;}
.additional-services__content-card h4{font-size:25px;}
}
.header-top-section-part a{
color: #FFFFFF;
}
.header-top-section-part{
display: flex;
/* flex-direction: column; */
font-size: 16px;
margin-right: 20px;
margin-top: 10px;
}
.header-top-section-part-bottom__address{
display: flex;
margin-right: 30px;
align-items:center;
}
.header-top-section-part-bottom__phone{
display: flex;
margin-right: 30px;
align-items:center;
}
.header-top-section-part-bottom{
display: flex;
}
.header-top-section-part-top{
justify-content: flex-end;
display: flex;
margin-bottom: 15px;
}
.header-top-section-part-bottom__address img,
.header-top-section-part-bottom__phone img{
margin-right: 10px;
}
.header-top-section-part-bottom__address p,
.header-top-section-part-bottom__phone a{
margin-top: 5px;
}
@media only screen and (max-width: 768px){
#used-car-buy-online img{
margin-top: -2px;
}
.footer-phone-mobile{
display: block !important;
margin: 60px 0px;
}
.footer-phone-mobile a{
font-size: 25px;
letter-spacing: 1.3px;
color: #222222;
}
.mobile-branding a{
width: 100%;
text-align: center;
}
}
@media only screen and (max-width: 767px){
.opening-hours-section_mobile{
flex-direction: column;
}
.opening-hours .input-search{
width: 70%;
}
}
.enquiry_card-nav-reserve.active {
background: url(/images/car-details/reserve-blue.svg) center left 14px;
background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.opening-hours .input-search{
width: 35%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1099px){
.header-top-section-part-bottom__address p,.header-top-section-part-bottom__address a{
font-size: 14px;
}
.header-top-section-part-bottom__address{
margin-right: 10px;
}
.header-top-section-part{
margin-right: 5px;
}
.header-top-section-part-bottom__address img, .header-top-section-part-bottom__phone img{
margin-right: 5px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1200px){
.search-box-h{
top: 20%;
}
}
.cartell-logo-footer{
width: 300px;
margin-top: 30px;
}
.footer-brand-logo{
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 767px){
.cartell-logo-footer{
width: 250px;
}
}
#new-car-test-drive-modal textarea{
box-shadow: unset;
border-radius: 0px !important;
}
.contact_us_page #enquiry_form label{
display: none;
}
.contact_us_page #enquiry_form .form-check-label{
display: block;
}
@media only screen and (max-width: 767px){
.review-request-thank-you-text{
margin-top: 75px;
}
.review-request-title{
text-align: center;
}
#navbarPhoneBar a {width:100%;}
}
@media only screen and (max-width: 350px){
.search-box .home-js-select-row .search-submit, .search-box .home-js-select-row button {
width:90% !important;margin-left:5%;margin-right:5%;
}
}
.header-top-section-part a {
color: #05141F;
}
@media (min-width:1200px){
html:not([data-scroll='0']) .header-top-section-part a {color: #FFF;}
.header-top-section-part a {color: #FFFFFF;}
}
@media (min-width: 1200px){
html:not([data-scroll='0']) .filter-light {
filter: grayscale(0) brightness(0);
}
.filter-light {
filter: grayscale(1) brightness(100);
}
}
#banner .search-box {
width: 100%;
height: 145px;
position: absolute;
/* margin-top: -200px; */
bottom: 0;
left: 0;
right: 0;
background: rgba(5, 20, 31, 0.62);
background: transparent;
display: flex;
align-items: center;
top: unset;
}
#homepage-callouts{order:2;padding:50px 0;display:flex;align-items:center;}
#homepage-callouts .grid-item img{width:100%;height:100%;}
#homepage-callouts .grid-container{display:grid;grid-template-columns:auto auto auto;grid-gap:30px;padding:0;}
#homepage-callouts .grid-container > div{text-align:center;font-size:30px;}
#homepage-callouts .item1{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:1;}
#homepage-callouts .item2{grid-column-start:1;grid-column-end:1;grid-row-start:2;grid-row-end:2;}
#homepage-callouts .item3{grid-column-start:2;grid-column-end:2;grid-row-start:1;grid-row-end:3;}
#homepage-callouts .item4{grid-column-start:3;grid-column-end:3;grid-row-start:1;grid-row-end:1;}
.item5{grid-column-start:3;grid-column-end:3;grid-row-start:2;grid-row-end:2;}
@media (min-width:768px) and (max-width:1024px){
#homepage-callouts .grid-container{grid-template-columns:auto auto;}
#homepage-callouts .item4{grid-column-start:1;grid-column-end:1;grid-row-start:3;grid-row-end:3;}
#homepage-callouts .item5{grid-column-start:2;grid-column-end:2;grid-row-start:3;grid-row-end:3;}
}
@media (max-width:767px){
#homepage-callouts .grid-container{grid-template-columns:auto;}
#homepage-callouts .item1{grid-column-start:1;grid-column-end:-1;grid-row-start:2;grid-row-end:2;}
#homepage-callouts .item2{grid-column-start:1;grid-column-end:-1;grid-row-start:4;grid-row-end:4;}
#homepage-callouts .item3{grid-column-start:1;grid-column-end:-1;grid-row-start:1;grid-row-end:1;}
#homepage-callouts .item4{grid-column-start:1;grid-column-end:-1;grid-row-start:3;grid-row-end:3;}
#homepage-callouts .item5{grid-column-start:1;grid-column-end:-1;grid-row-start:5;grid-row-end:5;}
}
.footer-bottom img{
width: 22px;
}
.workshop_page-hero{
margin-top: 70px;
}
.workshop_page-hero__content h3{
color: #3C4A52;
font-size: 36px;
font-weight: 600;
margin-bottom: 20px;
}
.workshop_page-hero__content p{
color: #222222;
font-size: 15px;
letter-spacing: 0.07px;
line-height: 27.2px;
margin-bottom: 30px;
}
.workshop_page-hero__image img{
width: 100%;
margin-top: 50px;
}
.workshop_page-servicing{
margin-top: 50px;
}
.workshop_page-servicing h3{
color: #005EAA;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.1px;
margin-bottom: 15px;
margin-top: 10px;
}
.workshop_page-servicing p{
color: #2A2A2A;
font-size: 16px;
letter-spacing: 0.08px;
line-height: 27.2px;
height: 100px;
}
.btn_workshop_page-servicing{
background: #222222;
width: 257px;
height: 55px;
color: #FFFFFF;
padding: 15px;
border-radius: 0px;
}
.btn_workshop_page-servicing:hover{
color: #FFFFFF;
}
.workshop_page-parts{
margin-top: 70px;
}
.workshop_page-parts__content h3{
color: #3C4A52;
font-size: 36px;
font-weight: 600;
margin-bottom: 20px;
}
.workshop_page-parts__content p{
color: #222222;
font-size: 15px;
letter-spacing: 0.07px;
line-height: 27.2px;
margin-bottom: 30px;
}
.workshop_page-parts__image img{
width: 100%;
}
.btn_workshop_page-parts{
background: #222222;
width: 257px;
height: 55px;
color: #FFFFFF;
padding: 15px;
border-radius: 0px;
}
.btn_workshop_page-parts:hover{
color: #FFFFFF;
}
.workshop_page-bottom{
margin: 100px 0px 150px;
}
.workshop_page-bottom p{
margin-bottom: 30px;
color: #222222;
font-weight: 500;
letter-spacing: 0.1px;
font-size: 20px;
line-height: 27.2px;
}
.workshop_page-bottom ul{
padding-inline-start: 15px;
}
.workshop_page-bottom ul li{
color: #222222;
font-size: 16px;
font-weight: 350;
line-height: 27.2px;
letter-spacing: 0.08px;
}
.car-page #feedback-test .feedback-owl .feedback-customer .feedback-customer-top .customer-details .customer-name{
color: #657786;
}
.customer-reviews .btn-info,
.customer-reviews .btn-info:hover {
background-color: #05141F;
border-color: #05141F;
}
#leaveReview #enquiry_submit,
#leaveReview #enquiry_submit:hover{
background-color: #05141F;
border-color: #05141F;
color: #FFFFFF;
border-radius: 100px;
}
.opening-hours-section__contact-page{
margin-top: 50px;
}
.new-brands .hero-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;z-index:2;margin-top:72px;padding-left:0px;padding-right:0px;height:40vh;}
.new-brands .hero-row #left-content.new-cars h1{font-size:46px;}
.new-brands .hero-row #left-content.new-cars.col-lg-7 h1{font-size:66px;}
.new-brands .hero-row #left-content.new-cars.col-lg-7 p{font-size:1.5rem;}
.new-brands #right-content{display:flex;flex-wrap:wrap;justify-content:flex-end;}
.new-brands #right-content img{margin-top:20px;}
.new-brands{height:576px;}
.new-brands .page-hero{width:100%;}
@media (max-width:1024px){
.new-brands{height:300px;background:#05141f;display:flex;flex-wrap:wrap;}
.new-brands .hero-row #left-content.new-cars.col-lg-7 p,.hero-row #left-content.new-cars.col-lg-7 h1{text-align:left;}
.new-brands #left-content{padding:40px;margin-top:40px;}
.new-brands .hero-row{margin-top:0px;padding-top:33px;}
}
#left-content{text-align:left;}
.new-brands .hero-row h1,.hero-row p{color:#ffffff;}
.new-brands .hero-row #left-content h1{font-size:56px;line-height:54px;text-transform:capitalize;font-weight:700;}
@media (max-width:1025px){
.new-brands .hero-row #left-content h1{font-size:2.5rem;}
}
@media (max-width:768px){
.new-brands .hero-row #left-content h1,.hero-row #left-content p{text-align:center;}
}
.new-brands .hero-row p{font-size:18px;margin-top:20px;}
.new-brands #yt-banner{position:relative;background-color:rgba(0,0,0,0.5);color:#ffffff;height:576px;overflow:hidden;background-size:cover;background-position:top;}
.new-brands #yt-banner .overlay{position:relative;background-color:rgba(0,0,0,0.6);height:100%;width:100%;z-index:2;}
.new-brands #yt-banner .video_wrap{height:100%;width:100%;position:absolute;left:0;overflow:hidden;top:-50px;padding-bottom:56.5%;}
.new-brands #yt-banner iframe{height:100%;position:absolute;width:100%;top:-200px;left:0;}
@media (max-width:1299px){
.new-brands #yt-banner{display:none;}
}
@media (max-width: 768px){
.new-brands #right-content{justify-content:center;}
}
@media only screen and (max-width: 768px){
.new-brands #right-content img{display:none;}
}
.new-brands .maz-m{font-weight:600;}
.new-brands .maz-b{font-weight:700;}
.new-brands .page-hero{width:100%;height:530px;background:#05141F;z-index:-1;position:absolute;top:85px;}
@media only screen and (min-width: 769px) and (max-width: 1050px){
.new-brands .hero-row{margin-top:125px;align-items:flex-start;flex-wrap:nowrap;}
}
@media only screen and (min-width: 992px) and (max-width: 1050px){
.new-brands .hero-row{margin-top:0;}
}
@media (max-width:1024px){
.new-brands .page-hero{display:none;}
}
@media only screen and (max-width: 768px){
.new-brands .new-brands{height:400px;}
}
.new-cars.promotional-slot{max-width:1340px;margin:auto;position:relative;color:#FFFFFF;}
.promotional-slot-text{position:absolute;bottom:0;left:50%;transform:translate(-50%, -50%);text-align:center;}
.promotional-slot-text h6{font-size:15px;text-transform:uppercase;margin-bottom:20px;}
.promotional-slot-text h4{font-size:45px;text-transform:uppercase;color:#222222;font-weight:800;}
.new-cars.promotional-slot img{width:100%;}
@media (max-width: 768px){
.new-cars.promotional-slot{display:none;}
}
.maz-m{font-weight:600;}
.brand-range{}
.brand-range h2{font-size:30px;font-weight:700;padding:30px;color:#3C4A52;text-transform:uppercase;text-align:center;}
.brand-range p{color:#657786;font-size:18px;text-align:center;width:640px;margin:auto;}
.brand-range .models{display:flex;flex-wrap:wrap;max-width:1340px;margin:auto;justify-content:space-around;margin-top:130px;}
@media (min-width:1200px){
brand-range .models{justify-content:space-around;}
}
.new-brand-model{border:1px solid #E6ECF0;margin-bottom:60px;padding-bottom:40px;}
.new-brand-model h4{color:#657786;font-size:26px;font-weight:700;padding:40px 40px 10px 40px;}
.brand-range a .new-brand-model h5{color:#951A2E;font-size:18px;padding-left:40px;}
.brand-range a .new-brand-model h6{padding-left:40px;padding-bottom:6px;}
@media (max-width: 768px){
.brand-range p{width:320px;}
.new-brand-model{width:320px;}
.new-brand-model img{width:100%;}
}
@media only screen and (max-width: 768px){
.brand-range{margin-top:40px;}
}
.maz-m{font-weight:600;}
.maz-b{font-weight:700;}
@media (max-width: 768px){
.brand-id img{width:250px;height:250px;}
}
.brand-id{margin-top:60px;display:flex;justify-content:center;margin-bottom: 70px;}
@media (min-width: 992px){
.col-lg-80{flex:80%;max-width:80%;}
.col-lg-20{flex:20%;max-width:20%;}
}
@media (min-width: 1200px){
.col-xl-80{flex:80%;max-width:80%;}
.col-xl-20{flex:20%;max-width:20%;}
}
@media (max-width:576px){
.col-xs-0{display:none;}
}
@media (min-width:576px) and (max-width:767px){
.col-sm-0{display:none;}
}
#new-car-info{margin-top:30px;margin-bottom:30px;font-size:18px;color:#657786;}
#new-car-info p{margin-bottom:20px;}
#new-car-info img{margin-bottom:20px;width:100%;}
#new-car-page .accordion{border:1px solid #E6ECF0;}
#new-car-page{margin-top:100px!important;}
#new-car-page{padding-left:0px;padding-right:0px;margin-top:70px;display:flex;}
@media (max-width:768px){
#new-car-page{margin-top:unset;}
}
#new-car-page #new-car-left-column{padding-left:0px;}
#new-car-page .accordion{background-color:#fff;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border-bottom:none;outline:none;transition:0.4s;}
#new-car-page .accordion img{margin-right:10px;}
#new-car-page .panel{padding:15px 50px;background-color:white;display:none;overflow:hidden;border:1px solid #E6ECF0;border-top:none;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
#new-car-page .panel ul li{list-style:none;line-height:38px;}
#new-car-page .panel ul a{color:#3C4858;}
#new-car-body{padding-left:0px;padding-right:0px;}
@media (max-width:768px){
#new-car-body{padding-left:unset;padding-right:unset;display:flex;flex-direction:column;}
}
#new-car-header{order:2;}
#new-car-header .row{align-items:center;}
@media (max-width:768px){
#new-car-header .row{background:#FFFFFF;padding:20px;}
}
.new-car-page-branding img{width:100%;}
.new-car-page-title h1{color:#3C4858;font-size:30px;font-weight:700;margin-bottom:10px;}
.new-car-page-title h2{color:#3C4858;font-size:22px;font-weight:500;}
#new-car-header .row{margin-bottom:20px!important;}
.new-car-page-branding-extra{display:flex;justify-content:flex-end;}
.new-car-page-branding-extra img{width:60%;}
@media (max-width:768px){
.new-car-page-title h1,.new-car-page-title h2{color:#3C4858;text-align:center;}
.new-car-page-title h1{font-size:27px;margin-left:20px;margin-top:20px;}
.new-car-page-title h2{font-size:22px;font-weight:350;margin-top:20px;margin-bottom:10px;}
.new-car-page-branding-extra{display:flex;justify-content:center;padding:20px 0px;}
.new-car-page-branding-extra img{width:50%;}
}
@media (max-width:769px){
#new-car-buttons{position:fixed;bottom:0px;left:0px;right:0px;font-size:14px;font-weight:500;z-index: 1;}
}
#new-car-buttons .row{justify-content:flex-start;align-items:center;margin-left:0px;}
.new-car-button{background:#3C4A52;color:white;height:80px;margin:6px;display:flex;align-items:center;font-weight:700;border:none;flex-grow:1;}
#new-car-buttons button:focus{
outline: none;
}
@media (min-width:992px){
.new-car-button{padding-left:15px;padding-right:15px;font-size:16px;}
}
@media (min-width:1200px){
.new-car-button{padding-left:25px;padding-right:25px;font-size:18px;text-transform:uppercase;}
}
.new-car-button:first-child{margin-left:0px;}
.new-car-button:last-child{margin-right:0px;}
.new-car-button img{margin-right:10px;}
@media (max-width:768px){
.new-car-button{margin:0px;justify-content:center;display:flex;flex-direction:column;}
.new-car-button img{margin:0px;}
}
@media (max-width:768px){
#new-car-info{padding-left:15px;padding-right:15px;order:3;}
}
#myCarousel{padding:0px;order:1;}
#myCarousel .list-inline{white-space:nowrap;overflow-x:auto;}
#myCarousel .carousel-item img{width:100%;}
#myCarousel .carousel-indicators{position:static;display:flex;flex-direction:column;margin-right:0px;}
#myCarousel .carousel-indicators img{width:100%;}
#myCarousel .carousel-indicators > li{width:initial;height:initial;text-indent:initial;}
#myCarousel .carousel-indicators > li.active img{opacity:0.7;}
#myCarousel .list-inline-item:not(:last-child),#myCarousel .list-inline-item{margin-right:0px;margin-left:0px;}
@media only screen and (max-width: 768px){
.new-car-button span{font-size:13px;margin-top:8px;}
#new-car-page{margin-top:0px!important;}
}
@media only screen and (max-width: 767px){
#new-car-header{order:1;}
#myCarousel{order:2;}
#new-car-header .row{margin-bottom:0px!important;}
.mob-new-car-header-top{display:flex;}
.mob-new-car-header-top img{display:block!important;width:100px;height:100px;}
.finance-mob-image{margin-top:4px!important;margin-bottom:3px!important;}
.desktop-newbrand{display:none;}
.mobile-newbrand{display:block!important;}
}
@media only screen and (max-width: 768px){
.new-car-button{background:#111111!important;}
}
.maz-m{font-weight:600;}
.maz-b{font-weight:700;}
@media (max-width: 768px){
.col-xs-0{display:none;}
.mob-new-car-header-top img{display:block!important;width:100px;height:100px;}
.mob-new-car-header-top{display:flex;}
}
@media only screen and (min-width: 761px) and (max-width: 768px){
.ipad-mazda-title{display:block!important;margin-left:20px;}
.new-car-page-title{flex:0 0 75%!important;max-width:75%!important;}
.maz-b-non-ipad{display:none;}
.maz-m-non-ipad{display:none;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.new-car-button{
/* flex:0 0 24%; */
margin:4px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.new-car-button{
/* flex:0 0 24%; */
margin:4px;}
}
#new-car-page .panel ul li.active,#new-car-page .panel ul li:hover{color:#951A2E;font-weight:600;}
.aftersales_btn:hover .aftersales_options{display:block!important;background:transparent;max-width:100%;top:62%;text-align:center;}
@media (max-width:1399px){
.aftersales_btn:hover .aftersales_options{top:75%;}
}
@media (max-width: 767px){
.aftersales_desktop{display:none;}
}
.aftersales_options{text-align:center!important;}
.aftersales_options li a{font-weight:400;font-size:16px;color:#000000;text-align:center;display:inline-block;padding:10px 19px;}
@media (max-width: 767px){
.aftersales_desktop{display:none;}
}
.aftersales_options li{width:240px;background:#05141F;}
.aftersales_options .custom-list-item{width:150px;}
.aftersales_options{padding-top:30px;}
.aftersales_options .custom-list-item{width:150px;height:50px;padding-left:5px;position:relative;left:-55px;}
.aftersales_desktop i{margin-left:5px;font-size:18px;margin-top:5px;}
.aftersales_options_reviews .custom-list-item{width:200px!important;}
.aftersales_options .custom-list-item-workshop{left:-76px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.aftersales_desktop li a{font-size:16px;}
}
@media only screen and (max-width: 1099px) and (min-width: 768px){
.aftersales_desktop li a{font-size:16px!important;}
}
@media only screen and (max-width: 1399px){
.aftersales_options{padding-top:9px;}
}
@media only screen and (min-width: 992px) and (max-width: 1250px){
.header-top-section-part-menu ul li{font-size:15px;}
}
@media (min-width:1200px){
html:not([data-scroll='0']) .aftersales_options li{background-color:#222222;}
html:not([data-scroll='0']) .header-top-section-part-menu ul li{text-shadow:3px 3px 6px #00000080;}
.aftersales_options li{background-color:transparent;}
}
.aftersales_options_offers .custom-list-item-workshop{left:-76px;}
.aftersales_options_offers .custom-list-item.custom-list-item-service{left:-38px;}
@media only screen and (min-width: 992px) and (max-width: 1299px){
.aftersales_desktop li a,.header-top-section-part-menu ul li{font-size:14px!important;}
.aftersales_desktop i{margin-top:3px;}
}
#video-welcome{margin-top:95px;margin-bottom:20px;}
#video-welcome h1{font-size:36px;color:#3C4A52;font-weight:600;}
@media only screen and (max-width: 768px){
#video-welcome{margin-top:20px;}
#video-welcome h1{text-align:center;font-size:24px;}
}
.hytPlayerWrap{display:inline-block;position:relative;}
.hytPlayerWrap{position:relative!important;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;display:block!important;}
.hytPlayerWrap iframe{position:absolute;top:0;left:0;width:100%!important;height:100%;}
#video-range{margin-bottom:50px;}
#video-range .container{display:flex;flex-wrap:wrap;}
#video-range .vid-range{margin-top:20px;}
.vid-caption{display:flex;flex-wrap:wrap;align-items:center;align-content:center;padding:5px 0;}
.vid-caption h4{margin-left:10px;}
#mobile-header .navbar ul .nav-link{color:white;font-size:16px;}
@media (max-width: 768px){
.aftersale_mobile{display:block!important;}
.mobile_nav_link{background-image:url(/images/home/chevron-up-mobile.svg);background-repeat:no-repeat;background-position:center right 25px;background-size:14px;border-bottom:none!important;}
.mobile_nav_link.collapsed{background-image:url(/images/home/chevron-down-mobile.svg);background-position:center right 25px;background-size:14px;background-repeat:no-repeat;}
.nav-link_mobile{border-bottom:none!important;}
.aftersale_mobile li{width:100%!important;}
.navbar-collapse.menubar.menubar-navbar .nav-link_mobile,.navbar-collapse.menubar.menubar-navbar .nav-link_mobile2{
/* padding-left: 22vw; */
}
}
@media (max-width: 767px){
.aftersale_mobile{width:100%;}
}
@media only screen and (min-width: 768px){
.aftersale_mobile{display:block!important;}
}
@media only screen and (max-width: 768px){
/* .search-box-mobile {
display: block !important;
} */
.search-box-desktop {
display: none;
}
.workshop_page-hero-mobile-image{
display: block !important;
}
.workshop_page-hero-mobile-image img{
width: 100%;
}
.workshop_page-hero__image{
display: none;
}
.workshop_page-hero{
margin-top: 30px;
}
.workshop_page-hero__content h3{
font-size: 22px;
}
.workshop_page-servicing img{
width: 100%;
}
.workshop_page-servicing .col-sm-12{
margin-bottom: 30px;
}
.workshop_page-parts__content h3{
margin-top: 30px;
font-size: 22px;
}
}
@media only screen and (max-width: 767px){
#parts-enquiry form{
flex-direction: column;
}
#parts-enquiry .modal-col{
width: 97%;
}
#parts-enquiry .modal-right-col{
padding-top: 0px;
}
.dropzone.col-md-4{
float: unset;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.workshop_page-hero__content,
.workshop_page-parts__image,
.workshop_page-parts__content{
flex: 0 0 100%;
max-width: 100%;
}
.workshop_page-parts .row{
flex-direction: column;
}
}
@media only screen and (min-width: 768px){
.navbar {
background-color: transparent;
/* position: fixed; */
padding: 0;
/* z-index: 1030; */
right: 0;
left: 0;
border-radius: 0;
top: 0;
border-width: 0 0 1px;
width: 100%;
height: 0px;
}
#navbarSupportedContent{
z-index: 1031;
align-items: flex-start;
padding-top: 0px;
}
#navbarSupportedContent .cross-img-mob{
display: flex;
justify-content: flex-end;
padding-right: 0px;
}
.menubar, .phonebar {
background-color: #FFFFFF;
position: fixed;
top: 0;
height: 100%;
width: 100%;
left: 100%;
overflow-y: scroll;
}
.menubar:not(.show), .phonebar:not(.show) {
display: block; }
.navbar ul{
flex-direction: column !important;
align-items: flex-start;
}
.navbar ul li{
padding: 0;
width: 100%;
}
#mobile-header .navbar ul .nav-link{
width: 100%;
text-transform: none !important;
font-weight: 300;
font-size: 15px;
display: inline-block;
transition: 0.3s;
padding: 3vw 6vw 3vw 8vw;
/* text-align: justify; */
color: #444444;
font-size: 14px;
}
#mobile-header .navbar ul .nav-link_mobile,#mobile-header .navbar ul .nav-link_mobile2{
padding: 3vw 6vw 3vw 8vw;
}
.navbar-expand-md .navbar-toggler {
display: block;
border: none;
margin-bottom: 30px;
}
.navbar .nav-link {
font-size: 30px !important;
letter-spacing: .33px;
}
#navbarSupportedContent {
width: 50%;
}
.navbar-header{
height: 0px;
display: none;
}
.mobile-menu-ipad{
display: flex !important;
align-items: center;
}
.mobile-menu-ipad .navbar-toggler{
text-transform: uppercase;
color: #FFFFFF;
}
.mobile-menu-ipad .navbar-toggler img{
margin-bottom: 10px;
}
.mobile-branding__logo{
/* margin-right: -93px; */
width: 155px !important;
}
.mobile-branding__logo-light {
width: 155px;
}
.mobile-menu-ipad .navbar-toggler i{
margin-bottom: 5px;
}
.aftersale_mobile{
width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.aftersales_options .custom-list-item-workshop {
left: -90px;
}
}
.workshop_page-servicing img{
width: 100%;
}
.featured-cars-row{display:flex;flex-wrap:wrap;margin-bottom:70px;}
.featured-cars-row .car-tile{max-width:24%;margin-left:1%;margin-top:1%;font-weight:300;}
@media only screen and (max-width: 1200px) and (min-width: 768px){
.featured-cars-row .car-tile{max-width:32%!important;}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.featured-cars-row .car-tile{max-width:48%!important;}
}
.speak-to-gus .modal-col{float:unset;text-align:center;margin:auto;width:85%;}
.speak-to-gus .modal-dialog{max-width:760px;}
.speak-to-gus #mb_submit{width:45%;margin-top:10px;}
/* .footer-header img{
width: 454px;
} */
#request-video-modal .modal-body{display:flex;flex-wrap:wrap;}
@media only screen and (min-width: 767px){
#FormControlTextareaModalRequestVideo{margin-top:35px;}
#request-video-modal form{margin-top:1rem;}
}
#request-video-modal .form-check{margin-top:15px;}
@media only screen and (max-width: 767px){
#request-video-modal .col-md-4{margin-bottom:20px;}
.request-video__h6{margin-bottom:10px;}
}
#show-youtube-video-modal .modal-body{padding:20px;padding-top:45px;}
#show-youtube-video-modal iframe{height:500px;}
#show-youtube-video-modal .modal-dialog{margin-top:10%;}
#show-youtube-video-modal button.close{margin-top:-8%;}
@media only screen and (max-width: 768px){
#show-youtube-video-modal button.close{margin-top:-17%;}
#show-youtube-video-modal .modal-dialog{margin-top:15%;}
#show-youtube-video-modal iframe{height:300px;}
}
.used-car__modal-close{opacity:1;padding-bottom:1.7rem;padding-top:0.5rem;outline:0;width:48px;}
.used-car__modal-modal-body{padding:0;}
@media (min-width: 992px){
.used-car__modal-close{position:fixed;z-index:10;}
.used-car__modal-close{outline:0;right:25px;padding-top:1rem;}
}
@media (max-width: 991px){
.used-car__modal-close{opacity:1;padding-top:1rem;padding-right:0.5rem;}
.used-car__modal-modal-body{padding:0;}
.used-car__modal-close-col-lg{position:absolute;right:0;}
}
.promotions-page{padding:3% 0 0 !important;text-align:center;}
@media only screen and (max-width: 768px){
.promotions-page{background:none;padding:2% 0 0 0;}
.promotions-page .container{padding:0 5px;}
}
.promotions-page .heading-underlined-shortlist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:30px 0 75px;}
.promotions-page .heading-underlined-shortlist .title-about-us{text-transform:capitalize;}
.promotions-page .heading-underlined-shortlist hr.heading-underline{margin:0.2rem 0;}
.promotions-page{background:#FFFFFF;padding:0;margin-bottom:7rem;}
@media (max-width: 767px){
.promotions-page .container{padding:0 7px 0 0;}
}
.promotions-page .title-about-us{text-transform:uppercase;font-weight:700;}
.promotions-page .heading-underline.heading-underline_long,hr.heading-underline{border-top:1px solid #242424;}
.promotions-page hr.heading-underline{width:60px;margin:0.5rem 0;}
.promotions-page hr.heading-underline.heading-underline_long{width:120px;margin-top:1rem;}
@media (max-width: 991px){
.promotions-page{background:none;padding:2% 0 0 0;}
.promotions-page .container{padding:0 1px;}
}
@media (min-width: 767px) and (max-width: 1000px){
.promotions-page .container{max-width:740px;}
}
.promotions-page .heading-underlined-shortlist .title-about-us{font-size: 36px;
color: #3C4A52;
}
.promotions-page .title-about-us{font-size:26px;}
@media only screen and (max-width: 767px){
.promotions-page .mobile-disappear{display:none;}
.promotions-page .mobile-appear{display:block!important;}
}
@media only screen and (max-width: 820px){
.promotions-page .container{padding:10px;}
.promotions-page .heading-underlined-shortlist{margin-bottom:30px;margin-top:10px;}
}
.promotions-page #blog-cards-section .container{display:flex;}
.promotions-page #blog-cards-section .cards .card-info h6{color:#005EAA;font-size:20px;margin:15px 0;}
.promotions-page #blog-cards-section{margin-top:30px;margin-bottom:80px;}
@media only screen and (max-width: 768px){
.promotions-page #blog-cards-section .container{flex-wrap:wrap;}
}
.promotions-page #blog-cards-section img{width:100%;height:300px;object-fit:cover;}
.promotions-page .blog-cards-section-promotion .cards .card-info h6{color:#2C395A!important;font-weight:700;text-transform:uppercase;}
.promotions-page .blog-cards-section-promotion .container{display:flex;flex-wrap:wrap;}
.promotions-page .blog-cards-section-promotion .container .cards{margin-bottom:40px;}
.blog-main{margin-top:80px;margin-bottom:50px;}
.blog-title{text-align:center;font-size:30px;margin:15px 0 25px;font-weight:700;}
@media (max-width:767px){
.blog-main{margin-top:20px;}
.blog-title{font-size:22px;}
}
@media only screen and (max-width: 768px){
.blog-main iframe{height:400px!important;}
}
.blog-image{margin:15px 0 25px;display:flex;justify-content:center;flex-wrap:wrap;}
.blog-image img{max-width:100%;}
.blog-image p{width:100%;text-align:center;}
.blog-content{margin:15px 0;}
@media only screen and (max-width: 768px){
.footer-header img {
width: 100%;
}
.workshop_page-servicing p{
height: 130px;
}
}
@media only screen and (min-width:992px) and (max-width: 1199px){
.opening-hours-section_mobile .col-lg-3{
flex: 0 0 30%;
max-width: 30%;
}
}
#mb_submit_requestVideo{
width: 165px;
height: 55px;
margin-left: 80px;
padding: 10px !important;
}
@media only screen and (max-width: 767px){
#mb_submit_requestVideo{
margin-left: 60px;
}
}
@media only screen and (max-width: 768px) and (min-width: 761px){
#mb_submit_requestVideo{
margin-left: 0px;
}
}
#parts-enquiry .modal-dialog .modal-col .form-check{
font-size: 14px;
}
@media (min-width:1024px) {
.d-disappear {display:none;}
}
@media (max-width:1023px) {
.m-disappear {display:none;}
}
.header-top-section-part-social{
margin-left: 30px;
display: flex;
}
.header-top-section-part-social a:first-child img{
margin-right: 30px;
}
.header-top-section-part-social img{
width: 26px;
}
#Team h2,
.team-member-name h4{
}
.homepage #feedback.feedback-home .feedback-title-top{
text-align: center;
font-size: 36px;
color: #FFFFFF;
margin-bottom: 50px;
}
.homepage #feedback{
background: #000000;
padding-bottom: 80px;
}
.homepage .feedback-item{
background: #FFFFFF;
}
#homepage-finance{
background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(/images/home/homepage-finance.jpg) center;
background-position: center;
height: 500px;
text-align: center;
color: #FFFFFF;
}
#homepage-finance h3{
font-size: 36px;
font-weight: 700;
padding: 65px 0 110px;
}
#homepage-finance p{
font-size: 20px;
line-height: 26px;
width: 60%;
margin: auto;
text-align: left;
margin-bottom: 40px;
font-weight: 300;
}
.homepage-finance__buttons{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.homepage-finance__buttons-btn-1{
width: 200px;
height: 48px;
background: transparent;
border: 3px solid #FFFFFF;
font-size: 18px;
color: #FFFFFF;
padding: 8px;
border-radius: 0px;
margin-right: 20px;
}
.homepage-finance__buttons-btn-1:hover{
color: #FFFFFF;
}
.homepage-finance__buttons-btn-2{
width: 200px;
height: 48px;
font-size: 18px;
padding: 10px;
border-radius: 0px;
background: #CF242C;
color: #FFFFFF;
margin-right: 15px;
}
.homepage-finance__buttons-btn-2:hover{
color: #FFFFFF;
}
.hero-overlay-content {
left: 50% !important;
transform: translate(-50%, 0);
width: 85%;
}
#footer{
}
.footer-phone{
margin-bottom: 30px;
font-weight: 500;
font-size: 16px;
}
.footer-phone a,
.footer-phone a:hover{
color: #FFFFFF;
}
.footer-address{
font-size: 18px;
line-height: 22px;
letter-spacing: .29px;
}
.footer-social{
margin-bottom: 30px;
}
.footer-social img{
width: 26px;
margin-right: 30px;
}
.footer-opening-hours{
/* font-weight: 100; */
width: 85%;
}
.customer-reviews .btn-info {
height: 60px;
background-color: #05141F;
border-color: #05141F;
border-radius: 100px;
color: #FFFFFF;
width: 196px;
}
.customer-reviews .btn-info:hover{
background-color: #05141F;
border-color: #05141F;
}
.workshop_page-hero{margin-top:45px;margin-bottom: 100px;}
.workshop_page-hero__content h3{color:#05141F;font-size:36px;font-weight:700;margin-bottom:20px;margin-top:30px;text-align: left;}
.workshop_page-hero__content p{color:#3C4A52;font-size:16px;letter-spacing:0.07px;line-height:27.2px;margin-bottom:20px;margin-right:70px;}
/* .workshop_page-hero__image img{width:95%;margin-top:50px;box-shadow:40px 40px #3C4A52;} */
.btn_workshop_page-servicing{background:#162133;width:257px;height:55px;color:#FFFFFF;padding:15px;border-radius:100px;}
.btn_workshop_page-servicing:hover{color:#FFFFFF;}
@media only screen and (max-width: 768px){
.workshop_page-hero-mobile-image{display:block!important;}
.workshop_page-hero-mobile-image img{width:100%;}
.workshop_page-hero__image{display:none;}
.workshop_page-hero{margin-top:30px;}
.workshop_page-hero__content h3{font-size:22px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.workshop_page-hero__content{flex:0 0 100%;max-width:100%;}
}
@media only screen and (max-width: 768px){
.workshop_page-hero__content{text-align:center;}
.workshop_page-hero__content p{text-align:left;margin-right:0px;}
.workshop_page-hero__content h3{text-align:center;margin-top:0px;}
}
@media only screen and (max-width: 768px){
.btn-book-a-service{width:60%;}
}
@media only screen and (max-width: 768px){
.btn-book-a-service{width:70%;}
}
@media only screen and (max-width: 1099px) and (min-width: 992px){
.btn-book-a-service{padding:14px 35px;}
}
@media only screen and (min-width: 992px) and (max-width: 1399px){
.btn-book-a-service{width:85%;}
}
.btn_workshop_page-servicing,.btn_workshop_page-servicing:hover{background-color:#05141F;border-color:#05141F;font-size:18px;color:#000000;}
@media only screen and (min-width: 768px) and (max-width:992px){
.workshop_page-hero{margin-bottom:30px;}
}
.about-page #finance-right{
padding-top: 60px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.about-page #finance-right iframe{
height: 400px;
}
#team-page{
margin: 80px 0;
}
.team-page__left-content h3{
color: #3C4A52;
font-size: 36px;
font-weight: 600;
margin-bottom: 40px;
}
.team-page__left-content p{
color: #3C4A52;
font-size: 16px;
line-height: 26px;
font-weight: 400;
padding-right: 50px;
}
.contact_us_page .contact-us_numbers{margin-top:15px;}
#contactus .opening-hours-details h3{color:#657786;text-decoration:underline;margin-bottom:10px;font-size:16px;font-weight:600;}
.contact_us_page .opening-hours-section_mobile h3{font-size:22px;font-weight:600;margin-bottom:30px;color:#3C4858;}
@media only screen and (max-width: 768px){
.contact_us_page .opening-hours-section_mobile h3{text-align:center;}
}
.contact-us_numbers a{font-size:20px;color:#706F6F;line-height:50px;font-weight:500;}
.contact-us_numbers{margin-bottom:30px;}
@media only screen and (max-width: 768px){
.contact-us_numbers a{text-align:center;}
}
.contact-us_numbers .name{font-size:16px;color:#706F6F;line-height:50px;margin-right:10px;}
.contact-us_numbers .row{margin:0;}
@media only screen and (max-width: 767px){
.contact-us_numbers a{font-size:30px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.contact-us_numbers a{font-size:24px;}
}
.contactus__hero-title{font-size:36px;color:#3C4A52;margin-top:70px;font-weight:700;}
@media only screen and (max-width: 768px){
.contactus__hero-title{font-size:28px;text-align:center;margin-top:40px;}
}
.contact_us_page .search-button {
background: transparent!important;
text-decoration: underline;
color: #657786;
margin-top: -2px;
}
#contactus{
padding-bottom: 70px;
}
.footer-copyright{
margin-top: 100px;
}
@media only screen and (max-width: 768px){
.homepage-mobile-hero{
background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)), url(/images/home/mobile-hero-image.jpg) center;
background-repeat: no-repeat;
background-size: cover;
}
.hero-overlay-content__heading{
font-size: 18px;
letter-spacing: .29px;
line-height: 27px;
}
.hero-overlay-content__text{
font-size: 30px;
letter-spacing: .64px;
line-height: 40px;
margin-bottom: 35px;
}
.homepage-finance__buttons{
flex-direction: column;
align-items: center;
}
.homepage-finance__buttons-btn-1{
margin-right: 0px;
margin-bottom: 15px;
}
.hero-overlay-content{
top: 50px;
}
.about-page .section__title-blue-container{
color: #000000 !important;
}
.about-page .section__title-blue{
background: #FFFFFF !important;
}
.customer-reviews .feedback-title-section{
padding-right: 25px;
}
#team-page {
margin: 50px 0;
}
.team-page__left-content h3{
font-size: 28px;
text-align: center;
}
.team-page__left-content p{
padding-right: 0px;
margin-bottom: 40px;
}
.contact-us_numbers .row{
justify-content: center;
}
}
@media only screen and (max-width: 767px){
.mobile-branding__logo{
width: 60%;
}
#special-offers{
background-color: #f5f5f5;
}
#homepage-finance h3{
padding: 40px 0 50px;
}
#homepage-finance p{
width: 98%;
}
#footer .row{
text-align: center;
}
.footer-social{
display: flex;
justify-content: center;
}
.footer-address{
margin-bottom: 60px;
}
.footer-header img{
margin-bottom: 40px;
}
#footer{
padding-bottom: 0px;
}
.about-page #finance-right iframe{
height: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
#homepage-finance h3{
padding: 65px 0 50px;
}
#footer .col-md-5{
flex: 0 0 45%;
max-width: 45%;
}
#footer .col-md-3{
flex: 0 0 30%;
max-width: 30%;
}
#footer .col-md-4{
flex: 0 0 25%;
max-width: 25%;
}
.footer-social{
margin-left: 0;
}
.footer-header img{
margin-bottom: 50px;
width: 60%;
}
#footer{
padding-bottom: 0;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1450px){
.header-logo img{
width: 240px;
}
}
@media only screen and (min-width: 1100px) and (max-width: 1299px){
.header-logo img{
width: 220px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
#footer .col-md-3{
flex: 0 0 30%;
max-width: 30%;
}
#footer .col-md-4{
flex: 0 0 28%;
max-width: 28%;
}
}
.homepage-down-arrow-parent{
position: absolute;
bottom: 30px;
left: 50%;
cursor: pointer;
z-index: 101;
transform: translate(-50%, 0);
}
.scroll-container .hero-overlay-content,
.scroll-container #Team{
opacity: 1;
transition: opacity 1000ms;
}
.scroll-container #Team.is-visible,
.scroll-container .hero-overlay-content.is-visible{
opacity: 1;
}
@media only screen and (min-width: 992px){
.homepage .team-member{
width: 23%;
}
}
.badge {
-webkit-font-smoothing: antialiased;
font-weight: 300;
margin-top: 0;
font-size: 11px;
position: absolute;
height: 90px;
overflow: hidden;
z-index: 102;
right: auto;
top: 0;
left: 0;
border-radius: 0;
}
.badge .angled {
-webkit-font-smoothing: antialiased;
margin-top: 0;
color: #fff;
background-color: #aa0000;
display: block;
text-align: center;
font-weight: 700;
position: relative;
line-height: normal;
top: -20px;
left: -60px;
width: 145px;
height: 70px;
padding: 0 0 2px;
transform: rotate(-45deg);
backface-visibility: hidden;
font-size: 0;
box-shadow: 0 0 3px rgba(0,0,0,.5);
margin-bottom: 0;
border-radius: 0;
}
.badge .angled span {
-webkit-font-smoothing: antialiased;
box-sizing: inherit;
margin-top: 0;
display: inline-block;
vertical-align: bottom;
font-size: 14px;
width: 70px;
}
.badge .angled:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: bottom;
}
#reserve-ad.btn.disabled, #reserve-ad.btn:disabled {
opacity: .35;
}
#used-car-reserve.reserved img, #used-car-reserve.reserved span {
opacity: 0.3;
}
div.main-gallery-block .badge {
left: 0px;
}
.main-gallery-block.col-12 .badge {
display: none;
}
.car-detail-main-section .col-lg-12 .badge{
display: none;
}
.detailse-used-car__value-hidden{
display: none;
}
.mileage-radio-vehicle-yes{
width: 23%;
}
@media only screen and (max-width: 768px){
.homepage-down-arrow-parent-desktop{
display: none;
}
/* .homepage-down-arrow-parent-mobile{
display: block !important;
} */
#homepage-internal{
position: relative;
}
}
@media only screen and (max-width: 767px){
.trade_in_modal_button{
height: 60px;
}
}
.header-top-section-part a{
margin: auto;
}
#finance-page .section__title-blue-container{
color: #FFFFFF !important;
}
.header-top-section-part-menu ul li a{
padding: .4rem;
}
.car-page #enquiry_card .nav-tabs li{
/* margin: .5%; */
}
.workshop-blurb p{
/* height: 85px; */
font-size: 16px;
}
#workshop .col-md-6{
margin-top: 70px;
}
.workshop-page-first-row{
margin-top: 0px;
}
.workshop_page-hero{
margin-bottom: 0px;
}
#workshop .col-md-6 img{
width: 100%;
}
.btn-book-a-service{
width: 280px;
height: 52px;
padding: 13px;
border-radius: 50px !important;
border-color: #133560;
color: #FFFFFF !important;
font-size: 16px !important;
text-transform: unset !important;
font-weight: 400 !important;
/* margin-left: 15px; */
}
.btn-book-a-service:hover{
border-color: #05141F;
background: #05141F;
}
.workshop-blurb h2{
font-size: 26px;
text-transform: unset;
color: #000000;
/* */
}
.used-car-search-grid__new{
grid-template-columns: repeat(4,1fr);
}
@media only screen and (max-width: 1199px) and (min-width: 991px){
.used-car-search-grid__new {
grid-template-columns: repeat(3,1fr);
}
}
@media (max-width: 990px){
.used-car-search-grid__new {
grid-template-columns: repeat(1,1fr);
}
}
#finance-page .cash-for-cars .cash-for-car-application{
margin-top: -150px;
}
#finance-page .section__title-blue{
min-height: 400px !important;
}
.about-page .section__title-blue{
background: #FFFFFF !important;
}
#Team h2{
margin-top: 0px;
margin-bottom: 45px;
}
#finance-right #Team .team-member{
width: 48%;
margin: 1%;
}
.about-page #finance-right img{
margin-top: 15px;
margin-bottom:15px;
}
.about-page .car-sourcing-title{
color: #3C4A52;
font-weight: 700;
}
.workshop-page .car-sourcing-title{
color: #05141F;
}
.cvrt-test-page ul{
padding-inline-start: 15px;
}
.cvrt-test-page ul li a{
color: #000000;
}
#homepage #Team h2{
margin-top: 30px;
}
@media only screen and (max-width: 768px){
.homepage-finance__buttons-btn-1,
.homepage-finance__buttons-btn-2{
width: 235px;
height: 56px;
font-size: 21px;
padding: 10px;
margin-bottom: 10px;
}
#workshop{
margin-top: -50px;
}
}
@media only screen and (max-width: 767px){
#homepage{
display: flex;
flex-direction: column;
}
#homepage .scroll-container{
order: 1;
}
#homepage #Team{
order: 2;
}
#homepage #feedback{
order: 4;
}
#homepage #homepage-finance{
order: 3;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.hero-overlay-content {
top: 20%;
}
}
@media only screen and (min-width: 992px){
.mobile_nav_link.collapsed {
background-image: url(/images/home/chevron-down-mobile.svg);
background-position: center right 25px;
background-size: 14px;
background-repeat: no-repeat;
}
.mobile_nav_link {
background-image: url(/images/home/chevron-up-mobile.svg);
background-repeat: no-repeat;
background-position: center right 25px;
background-size: 14px;
border-bottom: none!important;
}
}
#buyNowTab .col{padding-right:50px;padding-left:50px;text-align:center;}
#buyNowTab .col{padding-right:50px;padding-left:50px;text-align:center;}
.enquiry_card-nav-buy-online{background:url(/images/car-details/buy.svg) center left 10px;background-repeat:no-repeat;}
.enquiry_card-nav-buy-online.active{background:url(/images/car-details/buy-blue.svg) center left 10px;background-repeat:no-repeat;}
@media only screen and (min-width: 992px) and (max-width: 1399px){
.enquiry_card-nav-reserve{background:url(/images/car-details/reserve.svg) center left 12px;background-repeat:no-repeat;background-size:35px;}
.enquiry_card-nav-reserve.active{background:url(/images/car-details/reserve-blue.svg) center left 12px;background-repeat:no-repeat;}
.enquiry_card-nav-finance{background:url(/images/car-details/finance.svg) center left 12px;background-repeat:no-repeat;background-size:32px;}
.enquiry_card-nav-finance.active{background:url(/images/car-details/finance-blue.svg) center left 12px;background-repeat:no-repeat;}
.enquiry_card-nav-buy-online{background:url(/images/car-details/buy.svg) center left 12px;background-repeat:no-repeat;background-size:35px;}
.enquiry_card-nav-buy-online.active{background:url(/images/car-details/buy-blue.svg) center left 12px;background-repeat:no-repeat;}
}
@media only screen and (min-width: 992px){
#mobile-header .navbar ul .nav-link{
padding: 1vw 6vw 1vw 6vw;
}
#mobile-header .navbar ul .nav-link_mobile,
#mobile-header .navbar ul .nav-link_mobile2 {
padding: 1vw 6vw 1vw 6vw;
}
#navbarSupportedContent {
width: 30%;
}
}
.aftersales_options_offers .custom-list-item{
left: -70px;
}
@media only screen and (min-width: 1450px){
.header-top-section-part-menu ul li a {
padding: .5rem;
}
}
@media only screen and (min-width: 1500px) and (max-width: 1599px){
.header-top-section-part-menu ul li{
font-size: 17px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1699px){
.header-top-section-part-menu ul li{
font-size: 16px;
}
}
@media only screen and (min-width: 1700px){
.header-top-section-part-menu ul li{
font-size: 16px;
}
}
.gallery-page #blog-cards-section .container{display:flex;}
.gallery-page #blog-cards-section .cards .card-info h6{color:#005EAA;font-size:20px;margin:15px 0;}
.gallery-page #blog-cards-section{margin-top:30px;margin-bottom:80px;}
@media only screen and (max-width: 768px){
.gallery-page #blog-cards-section .container{flex-wrap:wrap;}
}
@media only screen and (max-width: 820px){
.gallery-page .container{padding:10px;}
}
.gallery-page #blog-cards-section .container{display:flex;}
.gallery-page #blog-cards-section .cards .card-info h6{color:#003478;font-size: 14px;margin:15px 0;}
.gallery-page #blog-cards-section{margin-top:30px;margin-bottom:80px;}
@media only screen and (max-width: 768px){
.gallery-page #blog-cards-section .container{flex-wrap:wrap;}
}
.gallery-page #blog-cards-section img{height:220px;object-fit:cover;object-position:center;cursor:pointer;}
@media (max-width:1199px){
.gallery-page #blog-cards-section img{height:160px;}
}
@media (min-width:1200px) and (max-width:1399px){
.gallery-page #blog-cards-section img{height:180px;}
}
.gallery-page .blog-cards-section-promotion .cards .card-info h6{color:#2C395A!important;font-weight:400;text-transform:unset;}
.gallery-page .blog-cards-section-promotion .container{display:flex;flex-wrap:wrap;}
.gallery-page .blog-cards-section-promotion .container .cards{margin-bottom:40px;}
@media only screen and (max-width: 767px){
.gallery-page #blog-cards-section .container{padding-right:0px;padding-left:0px;}
}
.gallery-page #blog-cards-section img.gallery-awards{object-position:top;}
.gallery-page__hero h3{
font-size: 36px;
font-weight: 700;
color: #3C4A52;
margin-bottom: 30px;
}
@media only screen and (max-width: 768px){
.gallery-page__hero h3{
margin-top: 30px;
font-size: 24px;
}
}
#homepage-finance .homepage-finance__buttons-btn-1,
#homepage-finance .homepage-finance__buttons-btn-2{
width: 200px;
height: 48px;
font-size: 18px;
padding: 10px;
}
#homepage-finance .homepage-finance__buttons-btn-1{
padding: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.car-page #enquiry_card .nav-tabs li a span{
display: none;
}
.enquiry_card-nav-reserve{background:url(/images/car-details/reserve.svg) center;background-repeat:no-repeat;background-size:30px !important;}
.enquiry_card-nav-reserve.active{background:url(/images/car-details/reserve-blue.svg) center;background-repeat:no-repeat;background-size: 30px !important;}
.enquiry_card-nav-finance{background:url(/images/car-details/finance.svg) center;background-repeat:no-repeat;background-size: 30px !important;}
.enquiry_card-nav-finance.active{background:url(/images/car-details/finance-blue.svg) center;background-repeat:no-repeat;background-size: 30px !important;}
.enquiry_card-nav-buy-online{background:url(/images/car-details/buy.svg) center;background-repeat:no-repeat;background-size:30px !important;}
.enquiry_card-nav-buy-online.active{background:url(/images/car-details/buy-blue.svg) center;background-repeat:no-repeat;background-size:30px !important;}
}
@media only screen and (min-width: 1400px) and (max-width: 1410px){
.header-top-section-part-menu ul li{
font-size: 15px;
}
}
@media only screen and (max-width: 1400px){
#yt-banner .video_wrap{
height: 87vh;
}
}
#special-offers .owl-carousel .owl-nav.disabled,
#feedback .owl-carousel .owl-nav.disabled{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;bottom:0;right:0;left:0;justify-content:space-between;pointer-events:none;}
#special-offers .owl-carousel .owl-nav.disabled button,
#feedback .owl-carousel .owl-nav.disabled button{pointer-events:auto;outline: none;margin:-30px;}
#special-offers .owl-carousel .owl-nav.disabled button img,
#feedback .owl-carousel .owl-nav.disabled button img{pointer-events:none;width:65px;height:65px;}
@media only screen and (max-width: 768px){
.owl-nav{position:absolute;top:0;bottom:0;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none;}
.owl-nav button{pointer-events:auto;}
.owl-nav button img{pointer-events:none;}
#special-offers .owl-carousel .owl-nav.disabled button{
margin: -10px;
margin-bottom: 0;
}
#feedback .owl-carousel .owl-nav.disabled button{
margin: -3px;
margin-bottom: 25px;
}
#special-offers .owl-carousel .owl-nav.disabled button img, #feedback .owl-carousel .owl-nav.disabled button img{
width: 35px;
height: 35px;
}
}
.finance_page_hero_image{
width: 100% !important;
}
@media only screen and (max-width: 767px){
#homepage-mobile-video{
display: block !important;
order: 4;
margin: 30px 0;
}
#homepage-mobile-video iframe{
height: 400px;
}
.hero-overlay-content__play-button-parent{
/* display: block !important; */
margin-top: 15px;
}
.modal_video_player_button{
z-index: 1;
}
.homepage-mobile-hero{
height: 30vh;
}
#finance_section_below_form{
display: block !important;
}
#finance_section_below_form img{
width: 100%;
}
.finance_page_hero_image{
display: none;
}
}
.contact_us_main .row_contact_us_page{
margin-bottom: 80px;
}
#contactus .opening-hours-details ul{
width: 100%;
}
.contact_us_page_hero_image{
width: 100%;
}
@media only screen and (max-width: 768px) {
.contact_us_page_hero_image{
display: none;
}
#contactus .opening-hours-details ul{
margin-left: 30px;
width: 100%;
}
.contact_us_page_hero_image-mobile{
display: block !important;
width: 100%;
}
}
.header{z-index:105;position:fixed;top:0;left:0;right:0;}
#header-top-section{width:100%;height:113px;background-color:#FFFFFF;}
#header-top-section .box{max-width:1340px;height:85%;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;color:#FFFFFF;}
#header-bottom-section{background-color:#05141F;height:38px;padding-top:0px;border-radius:0px;}
#header-bottom-section ul{display:flex;justify-content:space-around;}
#header-bottom-section ul li{list-style:none;font-size:15px;font-weight:500;text-align:center;}
#header-bottom-section ul li a{color:white;font-weight:500;}
@media (max-width:1200px){
#header-bottom-section{width:100%;max-width:1200px;}
#header-bottom-section ul li .nav-link{padding:0.5rem;}
}
@media (max-width:902px){
#header-lg{display:none;}
}
.aftersales_btn:hover .aftersales_options{display:block!important;background:transparent;max-width:100%;top:55%;text-align:center;}
@media (max-width:1399px){
.aftersales_btn:hover .aftersales_options{top:75%;}
}
@media (max-width: 767px){
.aftersales_desktop{display:none;}
}
.aftersales_options{text-align:center!important;}
.aftersales_options li a{font-weight:400;font-size:16px;color:#000000;text-align:center;display:inline-block;padding:10px 19px;}
@media (max-width: 767px){
.aftersales_desktop{display:none;}
}
.aftersales_options li{width:240px;background:#05141F;}
.aftersales_options .custom-list-item{width:150px;}
.aftersales_options{padding-top:15px;}
.aftersales_options .custom-list-item{width:150px;height:50px;padding-left:5px;position:relative;left:-20px;}
.aftersales_desktop i{margin-left:5px;font-size:18px;margin-top:5px;}
.aftersales_options_reviews .custom-list-item{width:230px!important;}
.aftersales_options .custom-list-item-workshop{left:-65px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.aftersales_desktop li a{font-size:16px;}
}
@media only screen and (max-width: 1099px) and (min-width: 768px){
.aftersales_desktop li a{font-size:16px!important;}
}
@media only screen and (max-width: 1399px){
.aftersales_options{padding-top:7px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
#header-bottom-section{max-width:100%;}
}
@media only screen and (min-width: 992px) and (max-width: 1250px){
#header-bottom-section ul li{font-size:15px;}
}
@media (min-width:1200px){
html:not([data-scroll='0']) #header-top-section{background-color:#FFFFFF;}
html:not([data-scroll='0']) #header-bottom-section{background-color:#000000;}
html:not([data-scroll='0']) .aftersales_options li{background-color:#000000;}
html:not([data-scroll='0']) #header-top-section img{filter: invert(0);}
html:not([data-scroll='0']) #header-bottom-section ul li{text-shadow:3px 3px 6px #00000080;}
#header-top-section{background-color:transparent;}
#header-bottom-section{background-color:transparent;}
.aftersales_options li{background-color:transparent;}
#header-top-section img{filter: invert(1);}
}
@media only screen and (min-width: 992px) and (max-width: 1299px){
.aftersales_desktop li a,#header-bottom-section ul li{font-size:14px!important;}
.aftersales_desktop i{margin-top:3px;}
}
a:visited,a:focus{outline:none;}
#header-top-section{width:100%;height:82px;padding-top:10px;}
#header-top-section .box{max-width:1340px;height:85%;margin-left:auto;margin-right:auto;display:flex;justify-content:space-around;align-items:center;color:#657786;}
.header__logo{flex:0 0 37%;max-width:37%;margin-right:35px;}
.header__logo-secondary{flex:0 0 18%;max-width:18%;}
.header__phone-address{flex:0 0 30%;max-width:30%;display:flex;flex-direction:column;}
.header__stars{flex:0 0 15%;max-width:15%;}
.header__logo-secondary img:first-child{margin-right:15px;}
.header__phone{display:flex;margin-bottom:10px;}
.header__phone a{margin-left:10px;font-family:"Work Sans", sans-serif;font-size:18px;color:#2A2A2A;}
.header__address{display:flex;}
.header__address img{margin-left:5px;}
.header__address p{margin-left:15px;font-family:"Work Sans", sans-serif;font-size:18px;color:#2A2A2A;}
.header__stars{padding-left:20px;}
@media only screen and (max-width: 1299px) and (min-width: 1200px){
.header__phone-address{flex:0 0 27%;max-width:27%;}
.header__logo{flex:0 0 18%;max-width:18%;margin-right:20px;}
}
@media only screen and (max-width: 1199px) and (min-width: 1100px){
.header__phone-address{flex:0 0 30%;max-width:30%;}
.header__stars{flex:0 0 17%;max-width:17%;}
.header__logo{flex:0 0 18%;max-width:18%;}
}
@media only screen and (max-width: 1099px) and (min-width: 992px){
.header__logo{flex:0 0 22%;max-width:22%;margin-right:5px;}
.header__logo-secondary{flex:0 0 20%;max-width:20%;}
.header__phone-address{flex:0 0 32%;max-width:32%;}
.header__stars{flex:0 0 18%;max-width:18%;}
}
@media only screen and (max-width: 768px){
a:visited,a:focus{outline:none;}
}
@media only screen and (min-width: 1300px) and (max-width: 1399px){
.header__logo{padding-left:15px;}
}
@media only screen and (max-width: 1299px) and (min-width: 1200px){
.header__phone-address{flex:0 0 35%;max-width:35%;}
.header__stars{flex:0 0 16%;max-width:16%;}
.header__logo{flex:0 0 30%;max-width:30%;}
.header__logo img{width:95%;}
}
@media only screen and (max-width: 1199px) and (min-width: 1100px){
.header__logo{flex:0 0 25%;max-width:25%;margin-right:0px;}
.header__phone-address{flex:0 0 37%;max-width:37%;}
.header__logo img{width:90%;}
}
@media only screen and (max-width: 1099px) and (min-width: 992px){
.header__stars{flex:0 0 19%;max-width:19%;}
.header__phone-address{flex:0 0 35%;max-width:35%;}
.header__phone a,.header__address p{font-size:16px;}
.header__logo-secondary{flex:0 0 16%;max-width:16%;}
.header__logo-secondary img{width:70px;}
.header__logo-secondary img:first-child{width:60px;}
.header__logo{flex:0 0 25%;max-width:25%;margin-right:0px;}
.header__logo img{width:95%;}
}
@media only screen and (max-width: 768px){
a:focus{outline:none;}
}
@media only screen and (max-width: 1200px){
.aftersales_options .custom-list-item-workshop{left:-75px;}
}
.header-top-section__logos{
display: flex;
justify-content: center;
align-items: center;
}
/*#header-bottom-section .container{
max-width: 75%;
}*/
@media only screen and (max-width: 768px){
#footer .footer-bottom{margin-bottom:40px;margin-top:30px;}
#footer .footer-bottom img{margin-bottom:35px;}
#footer .footer-header{margin-bottom:20px;text-align:center;}
}
#footer{display:flex;margin-left:auto;margin-right:auto;margin-top:0;font-size:16px;color:#FFFFFF;background:#0C0E23;}
.footer-section{display:flex;flex-direction:column;align-items:center;}
.footer-header{margin-bottom:50px;margin-top:40px;}
.footer-brand{margin-bottom:40px;display: flex;flex-direction: column;}
.footer-bottom{margin-bottom:10px;display:flex;justify-content:space-evenly;width:254px;}
.footer-bottom img{margin-right:75px;}
.footer-bottom img:last-child{margin-right:0;}
.footer-copyright{margin-bottom:20px;}
@media only screen and (max-width: 768px){
.footer-bottom img{margin-right:0;}
}
.footer-bottom a{color:#5C6064;}
.footer-copyright{margin-bottom:50px;}
@media only screen and (max-width: 768px){
#footer{padding-top:40px;}
.footer-header img{width:90%;}
.mobile-appear-footer{display:block!important;}
.mobile-disappear-footer{display:none;}
}
.footer-bottom img{width:22px;}
@media only screen and (max-width: 767px){
.footer-header img{width:80%;}
}
.footer-brand img{margin-bottom:50px;}
.header-bottom-section__shortlist{
position: absolute;
right: 0;
}
/* @media (min-width:1400px) and (max-width:1599px) {.header-bottom-section__shortlist{top:20px;}} */
.header-bottom-section__shortlist a{
color: white;
font-weight: 500;
}
.btn-book-a-service__parent{
text-align: center;
}
.about-page #finance-left p{
color: #3C4A52 !important;
font-family: "Open Sans", sans-serif;
}
.about-page-team h2{
margin-top: 100px !important;
margin-bottom: 100px !important;
}
@media only screen and (max-width: 768px){
.contact_us_page .contact_us_main {
flex-direction: column;
}
}
@media only screen and (max-width: 767px){
.car-monthly-price{
margin-bottom: 0;
}
.cvrt-page-logo{
width: 100%;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1399px){
.nav-link{
padding: .5rem .9rem;
}
}
@media only screen and (max-width: 1299px) and (min-width: 992px){
.header-bottom-section__shortlist a{
font-size: 14px;
}
#header-bottom-section .container {
max-width: 80%;
}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
.search-results-page .workshop-card-body p{
height: auto;
}
}
.cvrt-test-page .section__title-blue{
background: #FFFFFF !important;
}
.cvrt-test-page .car-sourcing-title,
.cvrt-test-page #finance-left p{
color: #05141F !important;
}
.cvrt-test-page .btn-book-a-service__parent {
text-align: start;
}
.cvrt-test-page #finance-right img {
margin-top: 0;
}
.cvrt-test-page .btn-book-a-service{
width: 191px;
height: 60px;
padding: 18px;
}
#new-car-pricelist{
display: none;
}
.footer-header__center-logo{
margin: 0 150px;
}
.filter-invert-to-white{
filter: invert(1);
}
.workshop_page-hero_v2{
margin-bottom: 100px;
}
.btn-book-a-service_v2{
margin-top: 50px;
}
.about-page #Team h2 {
margin-top: 70px;
}
/*@media only screen and (min-width: 1450px){
#header-bottom-section .container {
max-width: 90%;
margin-left: 30px;
}
}*/
@media only screen and (min-width: 1400px) and (max-width: 1449px){
/*#header-bottom-section .container {
max-width: 90%;
margin-left: 10px;
}*/
.nav-link{
padding: .5rem;
}
}
@media only screen and (max-width: 768px){
.footer-header img{
width: 280px;
}
.footer-header .footer-header__center-logo{
width: 80%;
margin: 20px 0 40px;
}
}
@media only screen and (max-width: 767px){
.homepage #feedback{
padding-bottom: 20px;
}
.homepage #Team h2{
font-weight: 700;
}
}
@media (max-width: 1024px){
.new-brands-citroen #left-content {
margin-top: 0px;
}
.new-brands-citroen-commercial #left-content {
padding: 25px;
margin-top: 0;
}
.new-brands-citroen-commercial .hero-row #left-content.new-cars.col-lg-7 h1 {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px){
.new-brands #right-content img{
width: 100%;
}
.new-brands-citroen #right-content img,
.new-brands-citroen-commercial #right-content img{
width: 75%;
}
}
.youtube-icon-mobile{
margin-top: 5px;
}
.aftersales_options_citroen .custom-list-item-workshop {
left: -52px;
}
.aftersales_options_commercials .custom-list-item-workshop {
left: -47px;
}
.aftersales_options_commercials .custom-list-item {
width: 265px!important;
}
.aftersales_options_workshop .custom-list-item-workshop {
left: -60px;
}
#book-appointment-modal .col-md-4 h6{
margin-bottom: 20px;
}
#book-appointment-modal textarea{
box-shadow: none;
border-radius: 0;
margin-top: 40px;
}
#book-appointment-modal .selling-checkbox{
margin-top: 20px;
margin-left: -10px;
margin-bottom: 15px;
}
#book-appointment-modal .button-parent{
text-align: center;
}
@media only screen and (max-width: 767px){
#book-appointment-modal .modal-body{
flex-direction: column;
}
#book-appointment-modal textarea{
margin-top: 0;
}
#book-appointment-modal .col-md-4 h6{
margin-top: 20px;
}
}
/* Lightboxed */
.lightboxed { cursor: pointer; }
div#lightboxed--cache { position: fixed; left: -99999999px; }
div#lightboxed--container { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,0.9); z-index: 9001; }
div#lightboxed--stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
div#lightboxed--content { position: absolute; top: 0; left: 0; }
div#lightboxed--content .lightboxed--frame { position: absolute; top: 0; left: 0; }
div#lightboxed--content .lightboxed--frame img , div#lightboxed--content .lightboxed--frame iframe { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 0; }
div#lightboxed--content .lightboxed--frame .lightboxed--caption { position: absolute; top: 0; left: 0; padding: 10px; background: rgba(0,0,0,0.5); color: #fff!important; font-size:30px;}
div#lightboxed--thumbs { display: none; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
div#lightboxed--thumbs .lightboxed--thumb { float: left; overflow: hidden; border-radius: 2px; cursor: pointer; }
div#lightboxed--thumbs .lightboxed--thumb .lightboxed--thumb_border { position: relative; width: 100%; height: 100%; background: #fff; background: rgba(255,255,255,0); transition: 500ms background; }
div#lightboxed--thumbs .lightboxed--thumb .lightboxed--thumb_border:hover{background: rgba(255,255,255,0.4);}
div#lightboxed--thumbs .lightboxed--thumb.lightboxed--active .lightboxed--thumb_border { background: rgba(255,255,255,0); transition: 500ms background; }
div#lightboxed--thumbs .lightboxed--thumb img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
div#lightboxed--bttn_close { position: absolute; top: 10px; right: 10px; background: #fff; background: rgba(255,255,255,0.6); background-image: url(/images/controls.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 100%; width: 30px; height: 30px; border-radius: 100%; cursor: pointer; }
div#lightboxed--bttn_next { display: none; position: absolute; top: 50%; right: 10px; background: #fff; background: rgba(255,255,255,0.6); background-image: url(/images/controls.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 50%; width: 30px; height: 30px; border-radius: 100%; cursor: pointer; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div#lightboxed--bttn_prev { display: none; position: absolute; top: 50%; left: 10px; background: #fff; background: rgba(255,255,255,0.6); background-image: url(/images/controls.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 0%; width: 30px; height: 30px; border-radius: 100%; cursor: pointer; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
/* End Lightboxed */
.youtube-thumbnail-image-lightbox{
display: none !important;
}
.kia-font{
font-family: "Kia", sans-serif;
}
@media only screen and (max-width: 768px){
.disappear-medium-small{
display: none;
}
}
.contactus__hero-info{
color: #3C4A52;
font-size: 16px;
font-weight: 600;
margin-top: 5px;
margin-left: 5px;
}
.homepage .opening-hours-section_mobile{
/* justify-content: center; */
/* margin-top: 40px; */
}
.homepage .opening-hours-details{
width: 24%;
}
.homepage .opening-hours-section__mobile-title{
text-align: center;
color: #3C4A52;
font-weight: 400;
}
.footer-grid-div-center{
flex-direction: column;
}
.footer-address-phone__address-top{
margin-top: 10px;
}
.footer-address-phone__phone{
display: flex;
}
.footer-address-phone__phone .footer-contact-details{
display: flex;
align-items: center;
margin-right: 10px;
padding-right: 10px;
}
.footer-address-phone__phone .vertical-line{
border-right: 1px solid #FFFFFF;
}
.footer-address-phone__phone .footer-contact-details .name{
margin-right: 5px;
font-size: 21px;
}
@media only screen and (max-width: 768px){
.footer-address-phone__address-top{
display: none;
}
.footer-address-phone__address{
display: block !important;
}
.footer-address-phone__phone{
align-items: center;
flex-direction: column;
}
.footer-address-phone__phone .vertical-line{
border-right: none;
}
}
@media only screen and (max-width: 767px){
#homepage #opening-hours-section {
order: 7;
margin-top: 40px;
}
#homepage #opening-hours-section .opening-hours-section__mobile-title{
font-weight: 700;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
#opening-hours-section .opening-hours-details{
width: 46%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1499px){
#header-bottom-section .container{
max-width: 80%;
}
}
.aftersales_options_new_vehicles .custom-list-item {
width: 260px!important;
}
.aftersales_options_used_cars .custom-list-item {
left: -60px;
}
.aftersales_options_aftersales .custom-list-item-workshop {
left: -30px;
}
@media (max-width: 1024px){
.new-brands-isuzu #left-content {
margin-top: 0px;
padding-top: 0;
}
}
/* VEHICLE PAGE GRID */
.car-grid {display:grid;grid-template-columns:66fr 33fr;grid-column-gap:20px;}
.make-model-price-block {grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;}
.main-gallery-block {grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;position:relative}
.desktop-right-block {grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:5;}
.under-gallery-block {grid-column-start:1;grid-column-end:2;grid-row-start:3;}
.car-detail-main-section.fullscreen .main-gallery-block{
grid-column-end: 3;
}
@media (max-width:767px) {
.mob-p-0 {padding:0 3px !important;}
.car-grid {grid-template-columns:100%;}
.make-model-price-block {grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;}
.main-gallery-block {grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;}
.desktop-right-block {grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:4;}
.under-gallery-block {grid-column-start:1;grid-column-end:2;grid-row-start:4;grid-row-end:5;}
.car-title-mobile {
display: block !important;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.car-detail-main-section.fullscreen .main-gallery-block {grid-column-end:-1;}
}
@media (min-width:768px) and (max-width:1023px) {
.car-grid {grid-template-columns:100%;}
.make-model-price-block {grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;}
.main-gallery-block {grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;}
.desktop-right-block {grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:4;}
.under-gallery-block {grid-column-start:1;grid-column-end:2;grid-row-start:4;grid-row-end:5;}
}
.make-model-price-block.fullscreen{
grid-column-end: 3;
}
/* END VEHICLE PAGE GRID */
.homepage .opening-hours-details{
font-size: 16px;
margin-bottom: 50px;
margin-left: 40px;
}
#header-bottom-section{
height: 86px;
display: flex;
align-items: center;
justify-content: space-around;
}
.about-page #Team h2 {
text-align: left;
font-weight: 700;
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.workshop-blurb h2{
height: 62px;
}
/* .workshop-blurb p{
height: 125px;
} */
}
.cash-for-cars-photo-upload-title{text-align:center!important;margin-bottom:20px;margin-top:20px;}
.selling .selling-chechbox{margin-top:30px;display:flex;}
.selling .selling-chechbox label{margin-left:20px;}
.selling .selling-title-chechbox{margin-top:10px;}
.dropzone.dz-clickable{box-shadow:unset;}
.selling #warnings{display:block!important;}
@media only screen and (max-width: 768px){
.selling .selling-form{margin-top:20px;}
.selling{margin-top:20px;}
}
.item5{grid-column-start:3;grid-column-end:3;grid-row-start:2;grid-row-end:2;-ms-grid-column:5;-ms-grid-row:3;}
.cash-for-cars-photo-upload-title{text-align:center!important;margin-bottom:20px;margin-top:20px;}
.dropzone-row{display:flex;flex-wrap:wrap;justify-content:center;color:#222222;font-size:16px;}
.dropzone-row{width:70%;margin:auto;}
.selling .selling-chechbox{margin-top:30px;display:flex;}
.selling .selling-chechbox label{margin-left:20px;}
.selling .selling-title-chechbox{margin-top:10px;}
.dropzone.dz-clickable{box-shadow:unset;}
.selling #warnings{display:block!important;}
@media only screen and (max-width: 768px){
.selling .selling-form{margin-top:20px;}
.selling{margin-top:20px;}
}
.pay-us-visit.selling-section{background:#ffffff;}
.pay-us-visit{color:#3C4858;padding:2% 0 5% 0;}
.pay-us-visit .container-section{display:flex;justify-content:space-around;}
@media (max-width: 768px){
.pay-us-visit{padding-top:10%;}
}
.selling-title-padding{padding:0;}
.selling-form{padding:0;font-size:20px;}
.selling-form textarea{padding-top:17px;}
.selling-form .form-row{margin-bottom:2rem;}
.selling-form .form-control{height:calc(1.5em + .75rem + 2px);padding-left:1rem;font-size:19px;color:#777;}
.selling-form .button-block{width:100%;text-align:center;}
.selling-form .button-block button{background:#C2272D;text-transform:none;padding:12px 50px;font-weight:500;border:none;border-radius:100px;}
.selling-form .button-block button:focus{box-shadow:none;}
.selling-form .button-block button:active{box-shadow:none;background-color:#890204!important;border:0;}
@media only screen and (min-width: 768px) and (max-width: 991px){
.selling-form .button-block{width:100%;display:initial;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
.selling-form{font-size:17px;}
.selling-form .form-control{font-size:17px;}
.selling-section{padding-top:1%;}
}
@media only screen and (max-width: 767px){
.selling-section{padding:0 1.7rem;}
.selling-form{padding-bottom:2rem;}
.selling-form .button-block{display:flex;justify-content:center;}
.selling-form .button-block button{margin-bottom:3rem;}
.selling-form .form-control{height:calc(1.6em + .75rem + 2px);}
.selling-form .form-row{margin-bottom:1.5rem;}
}
.selling-form{display:grid;grid-gap:0 20px;grid-template-columns:60% auto;grid-template-rows:60px 60px 60px 60px 60px 60px auto 75px auto auto;margin-top:30px;padding:0 20px;font-size:16px;}
.selling-form .form-control{font-size:16px;}
.selling-form textarea{min-height:120px;}
.selling-form .item1{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:1;}
.selling-form .item2{grid-column-start:1;grid-column-end:1;grid-row-start:2;grid-row-end:2;}
.selling-form .item3{grid-column-start:1;grid-column-end:1;grid-row-start:3;grid-row-end:3;}
.selling-form .item4{grid-column-start:1;grid-column-end:1;grid-row-start:4;grid-row-end:4;}
.selling-form .item5{grid-column-start:1;grid-column-end:1;grid-row-start:5;grid-row-end:5;}
.selling-form .item6{grid-column-start:1;grid-column-end:1;grid-row-start:6;grid-row-end:6;}
.selling-form .item7{grid-column-start:1;grid-column-end:1;grid-row-start:7;grid-row-end:7;}
.selling-form .item9{grid-column-start:1;grid-column-end:1;grid-row-start:9;grid-row-end:9;}
.selling-form .item10{grid-column-start:1;grid-column-end:1;grid-row-start:10;grid-row-end:10;}
.selling-form .item1,.selling-form .item2,.selling-form .item3,.selling-form .item4,.selling-form .item5,.selling-form .item6,.selling-form .item7,.selling-form .item9,.selling-form .item10,.selling-form .item8{display:flex;flex-wrap:wrap;justify-content:space-between;}
.selling-form .item1 .form-control,.selling-form .item2 .form-control,.selling-form .item3 .form-control,.selling-form .item4 .form-control,.selling-form .item5 .form-control,.selling-form .item6 .form-control{width:100%;border-radius:0;}
.selling-form .item7 .form-control{width:100%;border-radius:4px;}
.selling-form .cash-for-cars-photo-upload-title{grid-column-start:2;grid-column-end:2;grid-row-start:1;grid-row-end:1;}
.selling-form .dropzone-row{grid-column-start:2;grid-column-end:2;grid-row-start:2;grid-row-end:11;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:flex-start;}
.selling-form .item8{grid-column-start:1;grid-column-end:1;grid-row-start:8;grid-row-end:8;display:flex;align-items:baseline;}
.selling .dropzone{width:120px!important;height:120px!important;min-height:unset;padding:0;display:flex;justify-content:center;align-items:center;border:1px solid #E6ECF0!important;}
.selling .dropzone .dz-message{margin:0!important;font-size:14px;}
.selling-form label{padding-left:.5rem;}
.selling-form .form-check{padding-left:0;}
@media (max-width:767px){
.selling-form .dropzone-row{width:100%;}
.selling-form{grid-template-columns:auto;}
.selling-form textarea{min-height:56px;}
.selling-form .dropzone-row{grid-column-start:1;grid-column-end:-1;grid-row-start:13;grid-row-end:17;}
.selling-form .cash-for-cars-photo-upload-title{grid-column-start:1;grid-column-end:-1;grid-row-start:11;grid-row-end:12;}
/* .selling-form .item8{grid-column-start:1;grid-column-end:-1;grid-row-start:14;grid-row-end:15;} */
.selling-form .item1,.selling-form .item2,.selling-form .item3,.selling-form .item4,.selling-form .item5,.selling-form .item6{flex-direction:column;align-items:center;}
.selling-form .item1 .form-control,.selling-form .item2 .form-control,.selling-form .item3 .form-control,.selling-form .item4 .form-control,.selling-form .item5 .form-control,.selling-form .item6 .form-control,.selling-form .item7 .form-control{width:100%;}
}
@media (min-width:768px) and (max-width:999px){
.selling-form{grid-template-columns:50% 50%;}
}
.selling .dropzone{width:170px!important;height:165px!important;border:1px solid #E6ECF0!important;margin:5px;background:white;padding:20px 20px;-webkit-box-shadow:inset 2px 4px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow:inset 2px 4px 10px 0px rgba(0,0,0,0.3);box-shadow:inset 2px 4px 10px 0px rgba(0,0,0,0.3);border-radius:5px;}
.selling .dropzone .dz-message{text-align:center;margin:40px 0!important;}
.selling .dropzone.dz-clickable{cursor:pointer;}
.selling .dz-message img{margin-bottom:5px;}
.selling .dropzone{width:170px!important;height:165px!important;border:1px solid rgba(0, 0, 0, 0.3)!important;margin:5px;background:white;padding:20px 20px;border-radius:5px;}
.selling .dropzone .dz-message{text-align:center!important;margin:40px 0!important;}
.selling .dropzone.dz-clickable{cursor:pointer;}
.selling .dz-message img{margin-bottom:5px;}
.selling .dropzone-row{display:flex;flex-wrap:wrap;justify-content:center;}
.cash-for-cars-photo-upload-title{text-align:center!important;margin-bottom:20px;margin-top:20px;}
.selling .dropzone-row{display:flex;flex-wrap:wrap;justify-content:center;color:#222222;font-size:16px;}
.selling .dropzone-row{width:70%;margin:auto;}
.selling-form .dropzone-row{width:unset;}
.selling .selling-chechbox{display:flex;}
.selling .selling-chechbox label{margin-left:20px;margin-top: 8px;}
.selling .selling-title-chechbox{margin-top:10px;}
.selling .dropzone.dz-clickable{box-shadow:unset;}
.selling #warnings{display:block!important;}
@media only screen and (max-width: 768px){
.selling .selling-form{margin-top:20px;}
.selling{margin-top:20px;}
}
@media only screen and (max-width: 767px){
.selling-form{padding:0px;}
.selling .dropzone{border:1px solid #E6ECF0!important;}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.selling-form .button-block{margin-top:15px;}
.selling .dropzone{width:150px!important;height:150px!important;margin-top:10px;}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.selling-form .button-block{margin-top:15px;}
.selling .dropzone{width:140px!important;height:130px!important;margin-top:5px;}
}
.selling-hero .title-blue{
font-size: 36px;
font-weight: 700;
margin-bottom: 30px;
}
.selling-hero .descripton-blue{
font-size: 18px;
}
.selling-title-padding h2 {
font-weight: 600;
color: #3C4858;
}
#mileage.form-control{width:50%;}
.selling-form label{padding-left:.5rem;}
.container.mileage-radio{display:block;position:relative;padding-left:35px;cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:0;margin-left:20px;}
@media (max-width:768px){
.container.mileage-radio{margin-left:0;padding-left:30px;font-size:16px;}
.selling-form-cash-for-cars .item-mileage .form-row__sub{display:flex;padding-left:10px;}
}
.selling-form-cash-for-cars .item-mileage .form-row__sub{padding-top:5px;}
.container.mileage-radio input{position:absolute;opacity:0;cursor:pointer;}
.container.mileage-radio .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%;}
.container.mileage-radio:hover input ~ .checkmark{background-color:#ccc;}
.container.mileage-radio input:checked ~ .checkmark{background-color:#706F6F;}
.container.mileage-radio .checkmark:after{content:"";position:absolute;display:none;}
.container.mileage-radio input:checked ~ .checkmark:after{display:block;}
.container.mileage-radio .checkmark:after{top:20%;left:20%;width:60%;height:60%;border-radius:50%;background:white;}
.selling-form .item-mileage{
justify-content: flex-start;
}
.selling-form .item11{grid-column-start:1;grid-column-end:1;grid-row-start:11;grid-row-end:11;display:flex;align-items:baseline;}
@media (max-width:767px){
.selling-form .item11{grid-column-start:1;grid-column-end:-1;grid-row-start:18;grid-row-end:19;}
.selling-form .item12{grid-column-start:1;grid-column-end:-1;grid-row-start:19;grid-row-end:20;}
.selling-form-cash-for-cars .container.mileage-radio{
padding-left: 27px;
}
}
.enquiry_card-nav-reserve{
background-color: #0C0E23 !important;
}
.enquiry_card-nav-reserve.active{
background-color: #FFFFFF !important;
}
#homepage #opening-hours-section{
margin-top: 50px;
}
.homepage .input-search{
margin-left: 15px;
margin-top: -30px;
margin-bottom: 50px;
}
.footer-opening-hrs-title{
font-size: 18px;
margin-bottom: 30px;
}
.footer-brand-logos{
display: flex;
flex-direction: column;
align-items: center;
margin-top: -100px;
}
.footer-brand-logos img{
margin-bottom: 40px;
}
@media only screen and (max-width: 768px){
.homepage-finance__buttons-btn-2{
margin-right: 0;
}
}
@media only screen and (max-width: 767px){
.hero-overlay-content{
align-items: center;
}
.hero-overlay-content__text{
text-align: center;
}
.homepage #feedback.feedback-home .feedback-title-top,
#homepage #Team h2{
font-size: 22px;
}
.no-margin-right{
margin-right: 0 !important;
}
.footer-brand-logos{
margin-top: 0;
}
.footer-opening-hours{
margin-left: 0;
margin-bottom: 30px;
padding: 20px;
width: 100%;
justify-content: center;
}
.footer-opening-hours .row{
text-align: left !important;
}
.footer-opening-hrs-title{
margin-bottom: 0;
}
.mobile-height-custom{
height: 125px !important;
}
.about-page #Team h2{
text-align: center;
margin-top: 40px;
font-size: 28px;
}
.promotions-page .heading-underlined-shortlist .title-about-us{
font-size: 28px;
}
.selling-hero .title-blue{
margin-top: 20px;
font-size: 28px;
}
.promotions-page .heading-underlined-shortlist{
align-items: center;
}
}
.workshop_page-hero__content-individual h3{
text-align: left;
color: #3C4A52;
}
@media only screen and (min-width: 768px) and (max-width: 992px){
.workshop-blurb p{
height: 125px;
}
.about-page #Team h2{
text-align: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1399px){
.footer-opening-hours{
width: 90%;
}
}
.new-brands #right-content img{
width: 236px;
}
@media only screen and (max-width: 1024px) and (min-width: 992px){
.new-brands #right-content img {
width: 180px;
}
}
@media only screen and (max-width: 768px){
.new-brands #left-content{
margin-top: 0;
padding-top: 0;
}
}
@media only screen and (max-width: 767px){
.new-brands #left-content{
padding-top: 40px;
}
}
.new-car-page-branding-extra p{
color: #0080C5;
font-size: 1.875rem;
}
.header-bottom-section__menu{
margin-left: 20px;
margin-top: 10px;
}
#header-bottom-section .nav-link{
padding: .5rem;
}
.header-simi-logo{
width: 40px;
margin-right: 10px;
}
.header-bottom-section__brands{
display: flex;
margin-left: 20px;
}
.aftersales_options li a{
font-size: 15px;
}
@media only screen and (min-width: 1600px){
#header-bottom-section ul li,
.aftersales_options li a{
font-size: 16px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1499px){
.header-bottom-section__brands-stars img{
width: 20px;
}
.header-bottom-section__logo img{
width: 170px;
}
#header-bottom-section ul li,
.aftersales_options li a{
font-size: 14px;
}
}
.aftersales_options_about .custom-list-item-workshop{
left: -58px;
}
.aftersales_options_about .custom-list-item {
width: 200px!important;
}
@media only screen and (min-width: 1700px){
#header-bottom-section .nav-link{
padding: .5rem 1rem;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1699px){
.aftersales_options_about .custom-list-item-workshop {
left: -66px;
}
.aftersales_options_used_cars .custom-list-item {
left: -69px;
}
}
.workshop_page-hero_v2-btns{
display: flex;
flex-wrap: wrap;
}
.btn-price-list {
width: 200px;
height: 52px;
padding: 13px;
border-radius: 50px !important;
border-color: #133560;
color: #FFFFFF !important;
font-size: 16px !important;
text-transform: unset !important;
font-weight: 400 !important;
margin-left: 15px;
}
@media only screen and (max-width: 1199px){
.btn-price-list {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 768px){
.workshop_page-hero_v2-btns{
justify-content: center;
}
}
#workshop .col-md-6{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.about-page #finance-hero{
padding-top: 0;
}
.header-bottom-section__brands-stars,
.header-bottom-section__brands-stars a{
display: flex;
}
.header-bottom-section__brands-stars img{
margin-right: 3px;
}
@media only screen and (min-width: 1500px) and (max-width: 1520px){
#header-bottom-section .nav-link {
padding: .5rem .4rem;
}
}
.vimeo-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
.vimeo-wrapper iframe {
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.vimeo-overlay {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
position: relative;
z-index: 2;}
.selling .selling-title-chechbox{
display: block;
position: absolute;
width: 20px;
height: 20px;
}
.mobile-branding .container{
align-items: center;
justify-content: space-between;
display: flex;
}
.mobile-menu-ipad .navbar-toggler,
.mobile-favourite-ipad .navbar-toggler{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #FFFFFF;
}
.mobile-menu-ipad .navbar-toggler i,
.mobile-favourite-ipad .navbar-toggler i{
font-size: 35px;
}
.mobile-menu-ipad .navbar-toggler span,
.mobile-favourite-ipad .navbar-toggler span{
font-size: 18px;
text-transform: capitalize;
letter-spacing: .2px;
font-weight: 200;
}
.mobile-favourite-ipad .navbar-toggler img{
margin-bottom: 5px;
margin-top: 3px;
}
.about-page-team h2{
font-weight: 800 !important;
}
.cross-img-mob__inner{
width: 100%;
background: #CF242C;
display: flex;
justify-content: center;
position: relative;
height: 86px;
align-items: center;
}
.cross-img-mob__inner p{
font-size: 46px;
letter-spacing: .51px;
font-weight: 300;
}
.cross-img-mob__inner img{
position: absolute;
right: 20px;
}
.mobile-menu__parent{
display: flex;
margin-top: 10px;
}
.mobile-menu__parent-contact{
display: flex;
align-items: center;
margin-right: 20px;
}
.mobile-menu__parent-contact a{
font-size: 47px;
color: #FFFFFF;
letter-spacing: .52px;
font-weight: 800;
font-family: "Raleway", sans-serif;
}
@media only screen and (max-width: 768px){
.mobile-branding{
position: relative;
}
/* .search-box-mobile{
display: block !important;
} */
}
@media only screen and (max-width: 767px){
.mobile-menu__parent{
display: none;
}
#homepage-finance h3 {
font-size: 22px;
}
.mobile-close-btn{
padding: 0 !important;
border: none;
}
.navbar-collapse.menubar .mobile-menu-btn .cross-img-mob{
width: 100%;
}
.navbar-collapse.menubar .mobile-menu-btn .cross-img-mob img{
width: 12%;
}
#navbarSupportedContent{
background-color: #FFFFFF;
}
#mobile-header .navbar ul .nav-link{
color: #133560;
}
.cross-img-mob__inner{
height: 125px;
margin-bottom: 20px;
}
.cross-img-mob__inner p{
font-size: 35px;
}
.mobile-branding .container{
/* margin-top: 20px;
margin-bottom: 10px; */
}
.mobile-branding{
margin-top: 50px;
}
.about-page #finance-right {
padding-top: 30px;
justify-content:center;
}
.about-page #finance-right img {
margin-top: 0;
}
#Team h2{
font-size: 24px;
}
.about-page-team h2 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.mobile-menu__parent-contact,
.mobile-favourite-ipad{
display: none;
}
.homepage-mobile-hero{
height: 30vh;
}
.under-nav{
display: none;
}
}
.motorsport-page-gallery{
margin-top: 40px;
margin-bottom: 100px;
}
.motorsport-page-gallery img{
width: 100%;
}
.motorsport-page-gallery h3{
color: #3C4A52;
font-weight: 800;
margin-bottom: 50px;
font-size: 36px;
text-align: center;
}
.motorsport-page-gallery .slick-list{
max-height: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.motorsport-page-gallery .slick-list{
max-height: 185px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.motorsport-page-gallery .slick-list{
max-height: 150px;
}
}
@media only screen and (max-width: 767px){
.motorsport-page-gallery .slick-dots{
left: 45%;
}
}
#homepage #special-offers {
background-color: #F5F5F5;
}
@media only screen and (min-width: 992px){
.mobile-branding{
height: 86px;
}
}
.header-bottom-line{
position: absolute;
bottom: 0;
margin-bottom: 0;
height: 2px;
background-color: #CF242C;
right: 0;
left: 0;
width: 94%;
}
@media (max-width:768px){
.ui-field-contain{width:70%;}
.ui-field-contain select{width:100%;padding-top:10px;padding-bottom:10px;}
}
#sort-results .ui-field-contain{width:70%;}
#sort-results .ui-field-contain select{width:100%;padding-top:10px;padding-bottom:10px;margin-top:-12px;}
@media (min-width:1024px) and (max-width:1199px){
.ui-field-contain{width:70%;}
.ui-field-contain select{width:100%;padding-top:5px;padding-bottom:5px;}
}
.ui-field-contain select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:url(/images/common/chevron-down-grey.svg);background-repeat:no-repeat;background-position:center right 15px;border:1px solid #E6ECF0;padding-left:15px;background-color:white;width:100%;padding-top:15px;padding-bottom:15px;border-radius:3px;}
#team-member-modal .modal-header{
border-bottom: none;
z-index: 2;
background: transparent;
padding: .5rem;
}
#team-member-modal .modal-dialog{
max-width: 730px;
}
#team-member-modal .modal-body{
margin-top: -55px;
padding: .5rem;
}
#team-member-modal .modal-body img{
width: 100%;
}
.team-member-modal-profile{
margin-right: 30px;
}
#team-member-modal .modal-content{
border-radius: 0;
}
#team-member-modal .modal-body .container{
padding-left: 5px;
color: #3C4A52;
}
#team-member-modal .modal-body p{
margin-bottom: 20px;
font-size: 14px;
}
.team-member-profile-details-modal h3{
font-size: 14px;
font-weight: 700;
margin-bottom: 5px;
margin-top: 30px;
margin-left: 20px;
}
.team-member-profile-details-modal h4{
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
margin-top: 0;
margin-left: 20px;
}
.team-member-profile-info-modal{
padding-left: 0;
}
@media only screen and (max-width: 767px){
#team-member-modal .modal-body p{
margin-right: 0;
margin: 0 20px;
}
.team-member-profile-info-modal{
padding-left: 15px;
}
}
.meet-the-team-page .team-member{
cursor: pointer;
}
@media only screen and (min-width: 768px){
.meet-the-team-page .team-member{
width: 19%;
}
}
.nav-bar-sub-hr{margin:auto;width:75%;background-color:#C2272D;}
.hero-overlay-content h3{
font-size: 92px;
line-height: 91px;
letter-spacing: 1.47px;
margin-bottom: 40px;
font-weight: 700;
color: #FFFFFF;
text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.mobile-branding a {
text-align: left;
}
}
.cash-for-cars-form{
background: #F5F5F5;
}
.cash-for-cars-form__wrapper{
background: #FFFFFF;
width: 70%;
margin: auto;
padding-top: 40px;
}
.cash-for-cars-form .container{
padding-top: 30px;
padding-bottom: 70px;
}
.carsourcing-form .label-sell-your-car{
display: none;
}
.carsourcing-form {
margin-left: 0;
margin-right: 0;
text-align: center;
}
.carsourcing-form .left-side-form{
margin: auto;
}
.cash-for-cars-form__wrapper h3{
text-align: center;
color: #3C4858;
font-size: 36px;
margin-top: 30px;
font-weight: 700;
}
.carsourcing-form {
padding-top: 20px !important;
}
.carsourcing-form #trade-in-photos-submit-all-btn {
background: #CF242C!important;
border-color: #CF242C!important;
}
.carsourcing-form .form-check-label-sell-car{
color: #808080;
}
.carsourcing-form #agree{
width: 20px;
height: 20px;
}
.carsourcing-form .trade-in-photos-submit-all{
padding-top: 40px;
}
@media only screen and (max-width: 767px){
.cash-for-cars-form__wrapper{
width: 100%;
padding: 20px;
}
.cash-for-cars-form__wrapper h3{
font-size: 24px;
}
.carsourcing-form .form-check-label-sell-car{
padding-left: 25px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.cash-for-cars-form__wrapper{
width: 90%;
padding: 40px;
}
}
@media (max-width: 1024px){
.homepage .page-hero{
display: block !important;
}
}
@media only screen and (max-width: 768px){
#homepage-internal{
display: none;
}
.hero-overlay-content h3{
font-size: 50px;
line-height: 55px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.hero-overlay-content h3{
text-align: left;
}
.promotions-page .heading-underlined-shortlist .title-about-us,
.selling-hero .title-blue{
font-size: 28px;
}
}
.last-footer-image{
margin-right: 0 !important;
}
#navbarPhoneBar .mobile-close-btn{
flex-direction: row;
}
@media only screen and (min-width: 1900px){
.hero-overlay-content{
left: 60% !important;
}
}
@media only screen and (min-width: 1700px) and (max-width: 1899px){
.hero-overlay-content{
left: 55% !important;
}
}
@media only screen and (max-width: 768px){
.page-hero.home {
height: 570px !important;
}
}
/* START OF STOCK ALERTS STYLING */
@media screen and (min-width: 767px) {
#subscribe-modal .modal-dialog {
max-width: 510px;
}
}
#subscribe-modal .modal-header {
background: transparent;
height: auto;
padding: 0;
display: flex;
align-items: center;
border-radius: 2px 2px 0px 0px;
border-bottom: none;
}
#subscribe-modal .modal-header .close {
z-index: 101;
margin: -1rem -1rem -1rem auto;
margin-top: 8px;
margin-right: 23px;
opacity: 1;
cursor: pointer;
width: 20px;
}
#tp-widget-wrapper.new-stock-alert{
display: flex;
align-items: center;
gap: 20px;
}
#subscribe-modal .modal-header .mobile-disappear {
width: 100%;
display: flex;
height: 37px;
}
#subscribe-modal .subscribe-modal__grid-part {
padding-top: 0;
width: 100%;
padding-left: 0;
}
#subscribe-modal .heading {
display: flex;
align-items: center;
justify-content: start;
gap: 17px;
margin-top: 0;
margin-bottom: 3px;
}
#subscribe-modal fieldset {
text-align: left;
display: flex;
flex-direction: column;
align-items: start;
padding-left: 0;
padding-right: 0;
background: transparent;
margin: 0;
width: 100%;
margin-top: -30px;
}
.not-found.thank-you-subscribe a{
margin-top: 20px;
}
.not-found.thank-you-subscribe a,
.not-found.thank-you-subscribe p{
font-size: 16px;
line-height: 19px;
text-align: center;
color: #000;
}
.not-found.thank-you-subscribe img{
width: 23px;
}
.not-found.thank-you-subscribe h3{
font-size: 22px;
font-weight: 700;
text-align: center;
margin: 11px 0;
}
.not-found.thank-you-subscribe{
flex-direction: column;
display: flex;
align-items: center;
margin-top: 150px;
}
#subscribe-modal .modal-body h4 img{
width: 20px;
margin-right: 10px;
margin-top: -4px;
}
#subscribe-modal .modal-body h4 {
font-size: 26px;
font-weight: 700;
line-height: 34px;
margin-bottom: 0;
margin-top: 0;
text-align: left;
padding: 0;
}
#subscribe-modal .subscribe-modal-form-title h2 {
font-size: 20px;
font-weight: 300;
line-height: 25px;
margin-bottom: 23px;
margin-top: 4px;
text-align: left;
}
#subscribe-modal .form-group {
display: flex;
margin-bottom: 13px;
justify-content: start;
}
#subscribe-modal .form-control.accordion-used-car__form-control {
margin: 0;
border: 1px solid #A6ACB9 !important;
border-right: none !important;
border-radius: 0;
height: 52px;
width: 275px;
}
.header-bottom-section__alerts-nav a{
font-size: 16px;
line-height: 20px;
color: #fff;
display: flex;
align-items: center;
margin-left: 15px;
text-transform: uppercase;
font-weight: 500;
}
.header-bottom-section__alerts-nav a img{
width: 16px;
margin-right: 10px;
}
#subscribe-modal #mb_submit_footer {
background: #CF242C;
margin-right: auto;
width: 130px;
height: 52px;
text-transform: capitalize;
color: #FFF;
font-size: 17px;
font-weight: 700;
cursor: pointer;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 3px 3px 0px;
margin-bottom: 0;
}
#subscribe-modal .form-check {
width: 302px;
margin: auto;
padding-left: 0;
text-align: left;
margin-left: 0;
}
#subscribe-modal p.subscribe-para {
text-align: left;
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin-bottom: 13px;
margin-left: 0;
width: 90%;
}
#subscribe-modal .selling-checkbox {
display: grid;
grid-template-columns: 22px auto;
}
#subscribe-modal .selling-checkbox input {
width: 18px;
height: 18px;
}
#subscribe-modal .checkbox-text {
font-size: 12px;
font-weight: 400;
line-height: 14px;
padding-left: 19px;
}
.thank-you-subscribe-page{
flex-direction: column;
margin-top: 90px;
}
.thank-you-subscribe-page h3 {
text-align: center;
font-size: 28px;
font-weight: 800;
line-height: 34px;
margin-bottom: 20px;
margin-top: 10px;
}
.thank-you-subscribe-page.not-found p {
width: 44%;
margin-bottom: 21px;
color: #717A8E;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.thank-you-subscribe-page .not-found-logo{
width: 35px;
margin-bottom: 10px;
}
.thank-you-subscribe-page.not-found a{
width: 163px;
background: #B70004;
height: 52px;
border-radius: 3px;
text-align: center;
font-size: 18px;
text-transform: capitalize;
font-weight: 800;
line-height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
}
#subscribe-modal .modal-header .mobile-disappear{
justify-content: end;
}
@media screen and (max-width:767px) {
#subscribe-modal .heading {
margin-bottom: 10px;
}
#subscribe-modal .form-check {
width: 98%;
}
.thank-you-subscribe-page h3 {
font-size: 22px;
line-height: 28px;
}
.thank-you-subscribe-page.not-found p {
width: 90%;
}
#subscribe-modal .form-control.accordion-used-car__form-control {
width: 100%;
}
#subscribe-modal #mb_submit_footer {
width: 95px;
font-size: 14px;
}
#subscribe-modal .modal-body h4 {
font-size: 22px;
}
.not-found.thank-you-subscribe h3{
font-size: 18px;
}
#subscribe-modal .subscribe-modal-form-title h2 {
margin-bottom: 11px;
margin-top: 7px;
font-size: 16px;
font-weight: 300;
line-height: 19px;
}
#subscribe-modal p.subscribe-para{
line-height: 20px;
}
#subscribe-modal .mobile-appear {
display: flex !important;
width: 100%;
}
#subscribe-modal.modal .modal-body {
padding-bottom: 20px;
}
#subscribe-modal .heading img{
display: none;
}
#subscribe-modal .checkbox-text {
padding-left: 10px;
}
#subscribe-modal .mobile-appear {
height: 37px;
}
.not-found.thank-you-subscribe a,
.not-found.thank-you-subscribe p{
font-size: 14px;
line-height: 18px;
}
#subscribe-modal .modal-body h4 img,
#subscribe-modal .modal-header .mobile-disappear{
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#subscribe-modal .modal-header{
justify-content: flex-end;
}
#subscribe-modal .modal-header .close{
margin: unset;
margin-top: 20px;
margin-right: 20px;
}
#subscribe-modal .modal-header .mobile-appear{
z-index: 101;
}
#subscribe-modal .modal-body{
padding: 15px 20px 30px;
}
}
#subscribe-message{min-height:60vh;}
#subscribe-message .container{display:flex;justify-content:center;align-items:center;height:100%;padding-top:25vh;text-align: center;}
#subscribe-message .container p{margin:0 50px;font-weight:normal;color:#222;font-size:18px;line-height:30px;}
/* END OF STOCK ALERTS STYLING */
.header-bottom-section__alerts-nav a.show-me {display: flex;}
.header-bottom-section__alerts-nav a.hide-me {display: none;}
@media (min-width:1200px){
html:not([data-scroll='0']) .header-bottom-section__alerts-nav a.hide-me {display: flex;}
html:not([data-scroll='0']) .header-bottom-section__alerts-nav a.show-me {display: none;}
}
@media screen and (min-width:768px) and (max-width:1199px) {
.header-bottom-section__alerts-nav a.show-me {display: none;}
.header-bottom-section__alerts-nav a.hide-me {display: flex;}
}