/* 
Theme Name: VMG Motors Plus Theme
Author: VMG Software
Version: 2.0
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Platypi:ital,wght@0,300..800;1,300..800&family=Prata&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
:root {
    --blue: #0A1A3C;
    --alt-blue:#0a0e3c;
    --medium-blue: #1e4db2;
    --light-blue:#d6e1f8;
    --black: #000;
    --white: #fff;
    --grey:#2f2f2f;
    --dark-grey: #232628;
    --mid-grey: #555;
    --med-light-grey: #aaaaaa;
    --light-grey: #ccc;
    --light-grey-hover:#cdcdcd;
    --vmg-green: #3bbd3b;
    --yellow:#ff971f;
    --transparent:transparent;
    --gold:#ffbf00;
    --transparent-gold:rgba(255, 173, 0, 0.8);
--transition: all 0.5s ease-in-out;
  }
.nav-item{
	border-right: 1px solid var(--gold);
  border-left: 1px solid var(--gold);
/*   width: 16.67%; */
  text-align: center;
}
  .gif-image {
	width: 80%;
	margin: auto;
	display: flex;
}
  .swiper-container {
	padding: 20px 0px;
}
.social {
	position: fixed;
	top: 30%;
	z-index: 99;
	left: -270px;
}
  
.social ul {
    list-style-type: none;
    padding: 0;
/*     transform: translatex(-270px); */
}
  
.social ul li {
    display: block;
    margin: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 320px;
    text-align: right;
    padding: 10px;
    border-radius: 0 30px 30px 0;
    transition: all 1s;
}
  .social ul li:hover {
    transform: translatex(110px);
  }
  
  
  .social ul li.facebook:hover {
    background-color: #1877F2;
  }
  
  .social ul li.tiktok:hover {
    background-color: #000000;
  }
  
  .social ul li.instagram:hover {
    background-color: #e4405f;
  }

  .social ul li.whatsapp:hover {
    background-color: #25D366;
  }
  
  .social ul li a {
    color: white;
    text-decoration: none;
  }
  
  .social ul li i {
    text-align: center;
    margin-left: 14px;
    background-color: white;
    padding: 10px;
    border-radius: 50%;
    font-size: 20px;
    transform: rotate(0deg);
  }
  .social ul li i.fa-facebook {
    color: #1877F2;
  }
  
  .social ul li i.fa-tiktok {
    color: #000000;
  }
  
  .social ul li i.fa-instagram {
    color: #e4405f;
  }

  .social ul li i.fa-whatsapp{
    color: #25D366;
  }
  
  .social ul li:hover i {
    transform: rotate(360deg);
    transition: all 1s;
  }

#carouselExampleFade {
    top: 40px;
}
@media (max-width: 992px) {
    #carouselExampleFade {
        top: 40px;
    }
    
}
  .trash-btn {
	background: var(--blue);
	color: var(--white);
	border: 1px solid transparent;
	border-radius: 50px;
	transition: all 0.5s ease-in-out;
	height: 40px;
	width: 40px;
}
  .trash-btn:hover{
    background: var(--light-blue);
    color: var(--blue);
    border: 1px solid transparent;
  }
  .spinner-page{
    position: fixed;
    z-index: 999;
    height: 50px!important;
    width: 50px!important;
    overflow: auto!important;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
  }
  .spinner-page-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  top: 0px;
  bottom: 0px;
  z-index: 999;
  }
  .apply-action{
    color: var(--white);
  text-align: center;
  width: 150px;
  display: block;
  border: 1px solid var(--white);
  border-radius: 20px;
  margin: auto;
  transition: all 0.5s ease-in-out;
  }
  .apply-action:hover{
    background: var(--white);
    color: var(--blue);
  }
  .apply-step-section{
    height: 250px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 20px;
    padding:10px;
    margin-bottom:20px;
  }
  .flex-wrap-banks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
  }
  .banks {
    height:80px;
    margin: 0px 5px;
  }
  .first-image{
    height:500px;
  }
  .carbody{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .inline-center{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  .car-content {
    padding: 5px 10px;
    border-bottom: 1px solid var(--light-grey);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    height: 100%;
}
  .flex-grow{
    flex-grow:2;
  }
.vehicle-image {
	object-fit: cover;
	width: 100%;
	height: 180px;
}
.vehicle-image-alt {
	object-fit: cover;
	width: 100%;
	height: 530px;
	object-position: center center;
}

@media (max-width: 992px) {
    .vehicle-image {
        height: 350px;
    }
    .vehicle-image-alt {
        height: 350px;
    }
}
@media (max-width: 650px) {
    .vehicle-image {
        height: 250px;
    }
    .vehicle-image-alt {
        height: 250px;
    }
}
@media (max-width: 450px) {
    .vehicle-image {
        height: 200px;
    }
    .vehicle-image-alt {
        height: 200px;
    }
}
  .back-to-showroom-link{
    color:var(--blue);
    transition: var(--transition);
    cursor: pointer;
  }
  .back-to-showroom:hover{
    color:#999!important;
  }
  .selected-checks {
    background: #f3f3f3;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 500;
    align-items: center;
}
.selected-checks span input{
    margin-right:3px;
}
.checkbox-align{
    display:flex;
    align-items:center;
}
  .select-icon {
    width: 22px;
    height: 22px;
    display: inline;
    margin-right: 10px;
    margin-top: -4px;
}
  .fs-14{
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
.singlecontactform {
    padding: 10px;
    /* background: var(--light-grey-hover); */
}
.mb-15{
    margin-bottom:15px;
}
.pb-10{
    padding-bottom:10px;
}

  .huge{
    color:rgba(255,255,255,0.5);
    font-size:200px;
  }
  .welcome-content {
	/* background: rgba(0, 0, 0, 0.7); */
	text-align: center;
	border-radius: 20px;
	padding: 20px;
	color: #fff;

}
.footer-welcome {
	border-radius: 20px;
	padding: 10px;
	margin: 10px;
}
.b-bot{
    border-bottom:1px solid #ffffff88
}

.head5{
   font-family: "Inter", sans-serif;
}

  .is-loading {
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-bottom:10px;
}
  .smallerhead{
    font-size:18px!important;
    font-weight:400;

}
.circle-price {
    color: #999;
    transition:all 0.5s ease-in-out;
}

.btt {
	color: #fff;
	width: 100%;
	padding: 5px;
	background: #999;
	text-align: left;
	position: absolute;
	top: 150px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	z-index: 999;
	font-family: "Manrope", sans-serif;
	transition: all 0.5s ease-in-out;
  
}
#hiddenText{
    display:none;
}
  .btt:after {
    content: '';
    border-width: 5px;
    position: absolute;
    border-style: solid;
  }

  .xbtt {
	left: 0px;
	/* bottom: -80px; */
}
.xbtt::after {
	right: 290px;
	bottom: 100%;
	border-color: transparent transparent #999 transparent;
}
  .loading{
    font-size:0;
    width:30px;
    height:30px;
    margin-top:5px;
    border-radius:15px;
    padding:0;
    border:3px solid #FFFFFF;
    border-bottom:3px solid rgba(255,255,255,0.0);
    border-left:3px solid rgba(255,255,255,0.0);
    background-color:transparent !important;
    animation-name: rotateAnimation;
    -webkit-animation-name: wk-rotateAnimation;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
  }
  
  @keyframes rotateAnimation {
      0%   {transform: rotate(0deg);}
      100% {transform: rotate(360deg);}
  }
  @-webkit-keyframes wk-rotateAnimation {
      0%   {-webkit-transform: rotate(0deg);}
      100% {-webkit-transform: rotate(360deg);}
  }
  .sel-make{
    min-width: 25%;
    font-size: 12px;
    list-style-type: none;
}
.flex-check{
    display: flex;
    padding: 0px;
    flex-wrap: wrap
}
.mt5{
    margin-top:5px !important;
}
  .fa{
    color:#ffffff;
    font-size:18px !important;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-9px;
    margin-top:-9px;
    -webkit-transform:scaleX(0) !important;
    transform:scaleX(0) !important;
  }
  
  .finish{
    -webkit-transform:scaleX(1) !important;
    transform:scaleX(1) !important;
  }
  .hide-loading{
    opacity:0;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    -webkit-transform:scale(0) !important;
    transform:scale(0) !important;
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
.inside-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 15px;
	border: 1px solid #000;
}
  .head-ttext{
    font-size:12px;
    text-transform:uppercase;
    font-weight:500
  }
  .map-heading{
    color: var(--med-light-grey);
    font-size:12px;
    font-weight:600;
    border-bottom: 2px dashed var(--med-light-grey);
    width:82px;
  }
  .map-heading-alt{
    color: var(--black);
    font-size:12px;
    font-weight:600;
  }
  .map-heading-large{
    color: var(--dark-grey);
    font-size:18px;
    font-weight:600;
  }
.dark-grey{
    background: var(--dark-grey);
}
.medium-blue{
    background: var(--med-light-grey);
}
.light-grey{
    background: var(--light-grey);
}
.med-light-grey{
    background: var(--med-light-grey);
}
.c-light-grey{
    color:var(--light-grey);
}
.c-dark-grey{
    color:var(--dark-grey);
}
.c-mid-grey{
    color:var(--mid-grey);
}
.c-black{
    color:var(--black);
}
.c-red{
	color:var(--gold);
}
.c-medium-red{
	color:var(--med-light-grey);
}
.c-yellow{
    color:var(--med-light-grey);
}
.f-icon {
    display: inline-flex;
    width: 20px;
    justify-content: center;
    color:var(--gold)
}
.fs-16{
    font-size:16px;
}
.v-feature {
    background: #cdcdcd;
    padding: 10px;
    border-bottom: 2px solid var(--white);
    color: var(--black);
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
}
.mw-25 {
	min-width: 50%;
	max-width: 50% !important;
}
.fin-details{
    background: var(--med-light-grey);
    padding: 20px
}

.f-ap {
	padding: 20px;
	/* margin-bottom: 20px; */
	height: 120px;
}
.testimonial-body {
	padding: 20px;
	background: var(--white);
	border-radius: 30px;
}
.team-member-box{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.team-block{
    background: var(--med-light-grey);
    padding: 20px;
    height: 100%;
}
.team-block-link:hover{
    color:var(--light-grey-hover);
    transition: var(--transition);
}
.feature-block {
    padding: 50px;
    color:var(--white);
    display: flex;
    height: 100%;
    flex-direction: column;
}
.flex-full{
    display: flex;
    justify-content: center;
}

.no-mobile{
    display:flex;
}
.no-single-mobile{
    display:flex;
}
.single-mobile{
    display:none;
}
.sticky-tab {
	box-sizing: border-box;
	background-color: var(--white);
	position: fixed;
	width: 250px;
	/* height: 250px; */
	padding: 20px;
	text-align: center;
	right: -250px;
	top: 30%;
	transform: translateY(-50%);
	transition: all 200ms linear;
	z-index: 999;
}
.top-search-icon{
    position: absolute;
    right: 24px;
    top: 15px;
}
.search-mobile{
    display: none;
}
.more-filters{
    background-color: #232E64!important;
    color: #fff!important;
    margin-bottom: 20px;
    padding: 7.5px!important;
}
 .sticky-tab:hover {
    right: 0;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px 0px, rgba(0, 0, 0, 0.24) 0px 3px 14px 3px, rgba(0, 0, 0, 0.28) 0px 8px 10px 1px;
  }
  
  .social-links a {
    display: inline-block;
    margin: 25px 15px;
  }

.reveal-p{
    display:none;
}
  .fa-map-location-dot {
    
    font-size: 20px;
    border: 10px solid var(--black);
    background: var(--black);
    border-radius: 50%;
}
.blue-link{
  
        width: 100%;
        display: block;
        color: var(--med-light-grey);
        cursor: pointer;
    
}
.text-center{
    text-align: center;
}
.f-blue {
	background: var(--black);
	padding: 10px;
	margin-bottom: 15px;
    text-align: center;
}
.tiny{
    font-size:10px;

}



/* Top Bar */
.top-bar .sm {
	width: 90%;
	margin: auto;
}
.j-space{
    justify-content: space-around!important;
}

.branch{
    margin: 0px 20px;
}
.branchx {
    margin: 0px 20px;
    display: flex;
}
.branch-heading{
    font-family: "Inter", sans-serif;
    color:var(--dark-grey);
    font-size:16px;
    font-weight:600;
}
.br-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
/* 	width: 100%; */
}
.flex-space-between {
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
}
.branch-icon{
    color:var(--med-light-grey);
    font-size:14px;
    font-weight:900;
}
.branch-detail{
    font-family: "Inter", sans-serif;
    color:var(--dark-grey);
    font-size:14px;
    font-weight:400;
}
.branch-link{
    font-family: "Inter", sans-serif;
    color:var(--black);
    font-size:14px;
    font-weight:400;
    transition: all 0.5s ease-in-out;
}
.branch-link:hover{
    color:var(--gold);
}
.one-part {
    min-width: 225px;
    width: 33%;
}
.one-feature-part {
    min-width: 185px;
    width: 30%;
}
.price-h {
	font-size: 34px;
	font-weight: 600;

	color: var(--blue);
	line-height: 24px;
	font-family: "Manrope", sans-serif;
}
.vehicle-share-links-right {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    /* height: 100%; */
    padding: 0px 10px;
    margin: 0px;
    background: #f3f3f3;
    border-radius: 50px;
}
.enq-h{
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
    background: var(--black);
    width: 100%;
    color: var(--white);
    line-height:24px;
    width:50%;
}

.feature-item{
 display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  width: 100%;
  padding: 15px 10px 15px 15px;
  height: 100%;   
}
.feature-icon{
    width:36px;
}
.fs-12{
    font-size:12px;
}
.fw-800{
    font-weight:800;
}
.feature-three-sections {
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.feature-item {
	flex-direction: row !important;
	justify-content: flex-start !important;
	gap: 15px !important;
}
.enq-h a{
    color:var(--white);
}
.enq-h a:hover{
    color:var(--white); 
}
.enq-h:hover{
    background:var(--med-light-grey);
}

.enq-h.active{
    background:var(--light-grey);
}
.enq-h.active a{
    color:var(--black);
}

.deposit-hide{
    display:none;
}
.tradein-hide{
    display:none;
}
.deposit-hide2{
    display:none;
}
.tradein-hide2{
    display:none;
}
.overlay {
	height: 110px;
	position: absolute;
	top: -110px;
	width: 100%;
	z-index: 99;
	/* background-image: linear-gradient(5deg,#d86e2d 50%, #1d1d1d, 50%5deg, #ffffff 75%, #cdcdcd, 75%); */
	background: linear-gradient(6deg,var(--dark-grey) 34%, transparent 34%), linear-gradient(174deg, transparent 66%, var(--dark-grey) 66%), linear-gradient(6deg,var(--med-light-grey) 35%, transparent 35%), linear-gradient(174deg, transparent 65%, var(--med-light-grey) 65%);
	/* background: linear-gradient(20deg,red 50%, orange 50%); */
	/* margin-right: -50px; */
}
/* Body */
.relative{
    position:relative;
}
.dark-strip{
    background: var(--dark-grey);
    height: 10px;
  
}
.smc-form{
    width:100%;
    height:800px;
}
.a-start{
    align-items:flex-start
}
.a-end{
    align-items:flex-end
}
body {
    font-family: "Inter", sans-serif;
    background: var(--white)!important;
}
.bigger{
	height:60px!important;
}
.banner-heading {
	font-size: 100px;
	color: var(--white);
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	opacity: 1;
}

@media (max-width: 1200px) {
    .banner-heading {
        font-size: 80px;
        
    }
}

@media (max-width: 992px) {
    .banner-heading {
        font-size: 60px;
        
    }
    
}

@media (max-width: 650px) {
    .banner-heading {
        font-size: 20px;
        
    }
}
.banner-heading.six-slide-car{
    text-align: right;
    width: 100%;
}
.banner-heading-alt {
	font-size: 65px;
	color: var(--black);
	font-family: "Inter", sans-serif;
	font-weight: 600;
	/* text-shadow: 1px 1px 1px #000; */
	/* width: 100%; */
	text-align: left;
	/* background: rgba(108, 152, 225, 0.8); */
	width: auto;
	margin: auto;
	padding: 20px;
	border-radius: 5px;
}
.offset-icon-alt {
    margin-left: 6px;
    margin-top: -13px;
    font-size: 18px !important;
}
.offset-icon {
    margin-left: 4px;
    margin-top: -11px;
    font-size: 18px !important;
}
.fa-stack-2x{
    font-size: 1.5em!important;
}
.filter-head {
    background: var(--white);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}
.clearall {
    clear: both;
}
.color-white{
    color:var(--white);
    margin:20px 0px!important;
}
.c-white{
    color:var(--white);
   
}
.filter-h6{
    color: var(--white);
	font-family: "Inter", sans-serif;
	font-weight: 600;
    font-size:12px;
    text-transform: uppercase;
    margin:auto;
}
.fa-stack{
    display: flex!important;
    align-items: center;
}
.c-m-grey{
    color:var(--mid-grey);
   
}
.color-black{
    color:var(--black);
    margin:20px 0px!important;
}
.color-black-small{
    color:var(--black);
    margin:-10px 0px!important;
    font-size: 12px;
    font-weight:600;
}

.call-to-action {
	color: var(--white);
	padding: 10px 50px;
	font-family: "Inter", sans-serif;
	cursor: pointer;
	border: 1px solid transparent;
	font-size: 1vw;
    font-weight:600;
	border-radius: 4px;
    transition:all 0.5s ease-in-out;
    background: var(--black);
}

@property --rotate {
    syntax: "<angle>";
    initial-value: 132deg;
    inherits: false;
  }
  
  :root {
    --card-height: 65vh;
    --card-width: calc(var(--card-height) / 1.5);
  }
  

  
  .feature-block.card {
	background: white;
	width: var(--card-width); 
	height: var(--card-height);
	padding: 3px;
	position: relative;
	/* border-radius: 6px; */
	justify-content: center;
	align-items: center;
	text-align: center;
	display: flex;
	/* font-size: 1.5em; */
	/* color: rgb(88 199 250 / 0%); */
	/* cursor: pointer; */
	/* font-family: cursive; */
	top: 20px;
}
  
  .feature-block.card:hover {
    color: rgb(88 199 250 / 100%);
    
  }
  .feature-block.card:hover:before,
  .feature-block.card:hover:after {
    animation: spin 2.5s linear infinite;
    opacity: 1;
  }
  
  .feature-block.card::before {
    content: "";
    width: 104%;
    height: 102%;
    border-radius: 8px;
    background-image: linear-gradient(
      var(--rotate),
      #5ddcff,
      #3c67e3 43%,
      #4e00c2
    );
    position: absolute;
    z-index: -1;
    top: -1%;
    left: -2%;
    animation: spin 2.5s linear infinite;
  }
  .feature-block.card::before, .feature-block.card::after {
	content: "";
	position: absolute;
	background-image: linear-gradient(
      var(--rotate),
      #5ddcff,
      #3c67e3 43%,
      #4e00c2
    );
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	translate: 0% 0%;
	z-index: -1;
	padding: 3px;
	box-sizing: content-box;
	border-radius: inherit;
	animation: move 3s linear infinite;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
  
  .feature-block.card::after {
    position: absolute;
    content: "";
    /* top: calc(var(--card-height) / 6); */
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    transform: scale(0.8);
    filter: blur(calc(var(--card-height) / 6));
    background-image: linear-gradient(
      var(--rotate),
      #5ddcff,
      #3c67e3 43%,
      #4e00c2
    );
    opacity: 1;
    transition: opacity 0.5s;
    animation: spin 2.5s linear infinite;
  }
  
  @keyframes spin {
    0% {
      --rotate: 0deg;
    }
    100% {
      --rotate: 360deg;
    }
  }
  @keyframes twinspin {
    0% {
      --rotate: 45deg;
    }
    100% {
      --rotate: 360deg;
    }
  }
  


.card {
    background-color: #fff;
    border: 1px solid transparent;
    width: min(100%);
    margin-inline: auto;
    position: relative;
  }
  
  .card h2 {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 10px;
    position: relative;
    width: max-content;
    margin-inline: auto;
  }
  
  .card h2::after {
    content: "";
    position: absolute;
    width: 0; /* Hidden by default */
    height: 3px;
    background: linear-gradient(270deg, #000, var(--blue));
    inset-inline-start: 0;
    inset-block-end: 0;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
  }
  
  /* Property to manage angle for animation */
  @property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }
  
  .card::before,
  .card::after {
    /* content: "";
    position: absolute;
    background-image: conic-gradient(from var(--angle), transparent 70%, var(--blue));
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: -1;
    padding: 3px;
    box-sizing: content-box;
    border-radius: inherit;
    animation: move 3s linear infinite;
    opacity: 0; 
    transition: opacity 0.5s ease-in-out; */
    
  }
  
  .card::before {
    filter: blur(10px);
    opacity: 0; /* Hidden by default */
  }
  
  @keyframes move {
    from {
      --angle: 0deg;
    }
    to {
      --angle: 360deg;
    }
  }
  
  /* Hover effect to show pseudo-elements */
  .card:hover::before,
  .card:hover::after {
    opacity: 0.7;
  }
  
  .card:hover h2::after {
    width: 100%; /* Line under h2 expands on hover */
  }
  



@property --angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0deg;
}

@property --hover {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}
:root {
    --line: hsl(0 0% 95% /0.15);
}
.cta {
    --hover: 0;
    position: relative;
    height: 80px;
    width: 250px;
    font-size: 2em;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color: rgba(255 255 255 / .8);
    background: transparent;
    border-radius: 50px;
    border: none;
    margin: 0px auto;
    transition: all 0.8s ease-in-out;
    outline: 1px solid #cdcdcd55;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 992px) {
    .cta {
        height: 60px;
        width: 250px;
        font-size: 20px;
    }
}
@media (max-width: 650px) {
    .cta {
        height: 40px;
        width: 200px;
        font-size: 16px;
    }
}


.cta:active {
    outline: none;
}

.cta::before {
    content: '';
    position: absolute;
    inset: -4px;
    border: 1px solid rgba(255 255 255 / .25);
    border-radius: 50px;
    box-shadow: 0 calc(-80px * var(--hover)) 80px -80px rgba(255 255 255 / .8) inset;
    z-index: -1;
    pointer-events: none;
    transition: box-shadow .3s;
}

.cta:hover {
    --hover: 1;
    background:rgba(205,205,205,0.2);
    color:#fff;
    text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.8);

}

.cta .effects {
    position: absolute;
    inset: -15px;
    pointer-events: none;
    mask: conic-gradient(from var(--angle) at calc(50% + 15px) calc(50% + 15px), #0000 40%, #000 50%, #0000 60%);
    animation: angl 10s linear infinite;
}

@keyframes angl {
    100% {
        --angle: 360deg;
    }
}

.cta .border {
	position: absolute;
	inset: 15px;
	border-radius: 50px;
	background: linear-gradient(#fff, #fff) border-box;
	border: 2px solid transparent!important;
	mask: linear-gradient(#0000, #0000), linear-gradient(#000, #000);
	mask-composite: intersect;
	mask-clip: padding-box, border-box;
}

.cta .glow {
    position: absolute;
    inset: 12px;
    pointer-events: none;
    filter: blur(5px);
}

.cta .glow::before {
    content: '';
    position: absolute;
    inset: 0px;
    border-radius: 50px;
    background: linear-gradient(rgba(255 255 255 / .625), rgba(255 255 255 / .625)) border-box;
    border: 2px solid transparent;
    mask: linear-gradient(#0000, #0000),
        linear-gradient(#000, #000);
    mask-composite: intersect;
    mask-clip: padding-box, border-box;
}

.word:nth-child(1) {
    filter: blur(20px);
    opacity: 0;
    animation: fadeInOut 7s ease-in-out 1.2s infinite;
  }
  
  .word:nth-child(2) {
    filter: blur(20px);
    opacity: 0;
    animation: fadeInOut 7s ease-in-out 1.4s infinite;
  }
  
  .word:nth-child(3) {
    filter: blur(20px);
    opacity: 0;
    animation: fadeInOut 7s ease-in-out 1.6s infinite;
  }
  
  .word:nth-child(4) {
    filter: blur(20px);
    opacity: 0;
    animation: fadeInOut 7s ease-in-out 1.8s infinite;
  }
  
  .word:nth-child(5) {
    filter: blur(20px);
    opacity: 0;
    animation: fadeInOut 7s ease-in-out 2s infinite;
  }
  
  .word:nth-child(6) {
    filter: blur(20px);
    opacity: 0;
    animation: fadeInOut 7s ease-in-out 2.2s infinite;
  }
  
  @keyframes fadeInOut {
    0% {
      filter: blur(20px);
      opacity: 0;
    }
    20% {
      filter: blur(0px);
      opacity: 0.9;
    }
    50% {
      filter: blur(0px);
      opacity: 0.9;
    }
    80% {
      filter: blur(20px);
      opacity: 0;
    }
    100% {
      filter: blur(20px);
      opacity: 0;
    }
  }
  
  
.cta-buttons {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.call-to-action:hover{
   color:var(--med-light-grey);
   background:var(--white);
   
    border: 1px solid transparent;
}


.inline-buttons{
    width:20% !important;
    display:inline-block;
    margin:0px 15px;
}

.img-holder {
	height: 200px;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
    position:relative
}
.img-img-holder {
    background-size: cover !important;
    background-position: center !important;
}
.mb-10{
    margin-bottom:10px;
}
.sh {
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-btn-200{
    display:block;
    width:200px;
    margin:auto;
}
.showroom-filter-mobile{
    display: none;
}
.showroom-filter-mobile .form-select{
    padding: 10px!important;
}
.call-to-action-reverse:hover {
	background: transparent;
	color: var(--white);
	border: 1px solid var(--white);
}
.white{
    background:var(--white);
}
.offer-link{
    font-family: "Inter", sans-serif;
    font-size:16px;
}

.top-logo {
	height: 80px;
    position: relative;
}
.modal-logo {
	height: 50px;
}
.spacedout{
    min-height:210px;
}
.twohundred{
    min-height:210px;
}
.homecontainer {
    border-radius:3px;
}
.main-content{
    padding:0px;
}
.testimonials-content{
    padding:20px;
}
.gallery-content{
    padding:20px;
}
.sidebar-content{
    padding:20px;
}
.show-items {
	display: inline-block;
	height: 21px;
}
.sidebar-text{
    text-align:center;
    line-height:34px;
}
.text-right{
    text-align:right;
}
.bolder{font-weight:600;}
.sidebar-logo{
    width:100%;
}
.main-logo{
    margin:auto;
    padding:20px;
}
.large-logo{
    padding:20px;
}
.show-flex{
    text-align:center;
    display:flex;
    justify-content: center;
}
.no-padding{
    padding:0px!important;
}
.no-wrap{
    white-space: nowrap;
}
.no-margin{
    margin:0px!important;
}
.skew-side {
    position: relative;
    background: var(--white);
    z-index: 9;
    border-left: 1px solid var(--light-grey-hover);
    border-bottom: 1px solid var(--light-grey-hover)
}
.right-text{
    text-align: right;
    width: 100%;
    display: block;
}
.flex-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.skew-side:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--white);
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}
.mr-5{
    margin-right:5px;
}

 /******************************************* AVANT GARDE ***********************************************/
 .view-btn {
    border-radius: 50px;
    background: #000;
    color: #fff;
    /* border: 5px solid #000; */
    padding: 5px;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .ag-img-holder {
	position: relative;
	height: 250px;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border-radius: 20px 20px 0px 0px;
	border-bottom: 1px solid #cdcdcd;
}
.ag-car-content {
   background: var(--off-white);
   padding: 10px;
   border-radius: 20px;
}
.car-price {
	width: 100%;
	font-size: 16px;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	text-align: center;
	color: var(--blue);
	position: absolute;
	bottom: 0px;
	margin: 0px;
	background: var(--transparent-gold);
	padding-left: 20px;
	padding: 5px;
}
.ag-vehicle-heading3 {
   
   font-size: 24px;
   font-weight: 700;
   margin: 10px 0px 0px 0px;
   text-align:center;
   color: var(--black);
   
}
.ag-vehicle-heading6 {
   
   font-size: 14px;
   font-weight: 500;
   min-height: 20px;
   margin: 0px;
   text-align:center;
   color: var(--black);
}
.ag-flex-space {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.ag-flex-space-inside {
   display: flex;
   justify-content: space-evenly;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-weight: 500;
   color: var(--black);
   align-items: center;
}
.ag-vehicle {
   margin-bottom: 20px;
   /* padding: 10px; */
   border-radius: 30px;
   transition: all 0.5s ease-in-out;
}
.ag-vehicle:hover{
    box-shadow: 9px 9px 18px var(--light-grey), -9px -9px 18px var(--white);
}
.fs-20{
   font-size:20px;
   color:var(--black);
}

/******** LIST ******/
.agl-vehicle-heading3 {
    font-family: "Inter", sans-serif;
   font-size: 24px;
   font-weight: 700;
   margin: 10px 0px 0px 0px;
   text-align:center;
   color: var(--white);
   
}
.agl-vehicle-heading6 {
    font-family: "Inter", sans-serif;
   font-size: 14px;
   font-weight: 500;

   margin: 0px;
   text-align:center;
   color: var(--white);
}
.agl {
   font-size: 25px;
   color: var(--black);
}
.agl-car-column {
   background: var(--off-white);
   border-radius: 30px;
   padding: 0px;
   margin-bottom:20px;
   position:relative;
   box-shadow: 9px 9px 18px var(--light-grey), -9px -9px 18px var(--white);
}
.ag-img-holder {
	position: relative;
	height: 250px;
	background-position: center top !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border-radius: 20px 20px 0px 0px;
}

.agl-car-min-details {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 10px;
}
.agl-car-column-footer-alt{
   padding:0px;
}
.agl-inline-centered-adjusted-row{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.agl-align {
   display: flex;
   align-items: center;
   align-content: center;
   justify-content: center;
}
.agl-small-text{
   font-family: "Inter", sans-serif;
   text-align: center;
   font-size:16px;
   color: var(--black);
   font-weight: 600;
}
.agl-price-alt{
   font-weight: 800;
   text-align: left;
   font-size: 24px;
   float:right;
}
.agl-car-price {
   color: var(--black);
   font-size: 27px;
   font-weight: 600;
   line-height: 18px;
   font-family: "Inter", sans-serif;
   font-size: 24px;
   font-weight: 700;
}


/* =================== */


.top-bar {
	background: var(--white);
	padding: 10px;
	color: var(--black);
}
.nav-dark{
   background: var(--black);
}
.nav-light {
	background: var(--blue);
	border-bottom: 3px solid var(--gold);
}
.padding-12{
    padding:12px;
}
.padding-20{
    padding:20px;
}
.inline-heading{
    display:inline-block;
}
.custom-select {
    background: var(--white);
    color: var(--mid-grey);
    font-size: 14px;
    padding: 15px;
    border: 1px solid var(--light-grey-hover);
    border-radius: 10px;
    text-align: center;
    float: right;
}
.custom-width {
    width: 300px !important;
    float: right;
}

.custom-btn {
	padding: 10px;
	background: var(--blue);
	color: var(--white);
	font-weight: 600;
	border: 2px solid transparent;
	border-radius: 3px;
	/* height: 100%; */
	/* width: 100%; */
	transition: all 0.5s ease-in-out;
}
.custom-btn:hover{
	background: var(--gold);
	color: var(--white);
	border: 2px solid var(--gold);
}
.filter-clear {
	padding: 10px;
	background: var(--white);
	color: var(--black);
	font-weight: 600;
	border: 1px solid #000;
	border-radius: 3px;
	/* height: 100%; */
	/* width: 100%; */
	transition: all 0.5s ease-in-out;
	border-radius: 10px;
}
.filter-clear:hover{
	background: var(--black);
	color: var(--white);
	border:1px solid var(--black);
}
.submit {
	padding: 15px;
	background: var(--black);
	color: var(--white);
	font-weight: 600;
	border: 2px solid transparent;
	border-radius: 3px;
	/* height: 100%; */
	width: 100%;
    transition: all 0.5s ease-in-out;
}
.submit:hover{
	background: var(--med-light-grey);
	color: var(--white);
	border: 2px solid var(--med-light-grey);
}
.custom-btn-reverse {
	padding: 15px;
	background: var(--white);
	color: var(--black);
	font-weight: 600;
	border: 2px solid transparent;
	border-radius: 3px;
	/* height: 100%; */
	width: 100%;
    transition: all 0.5s ease-in-out;
}
.custom-btn-reverse:hover{
	background: var(--med-light-grey);
	color: var(--white);
	border: 2px solid var(--med-light-grey);
}
.hidden-search{
    display:none;
    border-bottom: 3px solid var(--black);
    border-radius: 10px;
    margin-bottom: 20px;
}
.hidden{
    display:none;
}
.showroom-image{
    width:200px;
    border-radius:3px;
}
.single-showroom-image{
    width:100%;
    border-radius:3px;
}

.left{
    float:left;
}
.right{
    float:right;
}

.wa__button{
    width: 100%;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}


/* =================== */


.inline-block{
    display:inline-block!important;
}

/* Info Links */
.inline {
	display: flex;
	flex-wrap: wrap;
}

.block{
    display:block;
}
.info-links-left {
    display: flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
    align-items: center;
}
.info-links-r {
    display: flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
    align-items: center;
    justify-content: flex-end;
}
.info-links-right{
    display:flex;
    margin:0px;
    padding:0px;
    position:relative;
}
.link-item {
	list-style-type: none;
	margin: 0px 2px;
	display: flex;
	align-content: center;
	font-size: 11px;
}
.link-items {
	list-style-type: none;
	margin: 0px 2px;
	display: flex;
	align-content: center;
	font-size: 11px;
}
.link-alt{
    color: var(--dark-grey)!important;
}
.link-alt:hover{
    color: var(--light-grey)!important;
}
.white-icon{
    color: var(--white);
    font-size:14px;
    padding: 0px;
    text-align: center;
    
}
.circle-icon{
    border: 10px solid var(--med-light-grey);
    border-radius: 50px;
    background: var(--med-light-grey);
}
.circle-icon-alt {
	border: 5px solid var(--gold);
	border-radius: 50px;
	background: var(--gold);
	margin: 4px;
	transition: var(--transition);
}
.circle-icon-alt:hover{
    background: var(--blue);
    border: 5px solid var(--blue);
}
.circle-icon:hover{
    background: var(--light-grey-hover);
    border: 10px solid var(--light-grey-hover);
}
.c-white{
    color:var(--white)!important;
}
.td-none{
    text-decoration:none;
}
.md-no-show{
    display:block;
}
.md-show{
    display:none;
}
.share-head{
    margin:10px 0px 0px 0px;
    font-size:14px;
    font-weight:600;
    color:var(--black);
}
/* =================== */

/* Navbar */


.selected{
    color:var(--gold)!important;
}
.selected:hover{
    color:var(--white)!important;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

/* Front Page (Home) */

.private-custom{
    text-decoration: none;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 8px 0 8px 0;
    margin: 10px auto;
    color: var(--white) !important;
    text-shadow: 1px 1px 0px #777777;
    border-radius: 3px;
    letter-spacing: 1px;
    font-family: "Inter", sans-serif;
    background: rgba(82, 151, 212, 1);
    background: -moz-linear-gradient(top, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    background: -o-linear-gradient(top, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    background: -ms-linear-gradient(top, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    background: linear-gradient(to bottom, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5297d4', endColorstr='#3264a0', GradientType=0);
}
.ad-holder{
    position:relative;
}

.left-ad{
    width: 300px;
    position: absolute;
    top: 0px;
    left:0px;
}
.right-ad{
    width: 300px;
    position: absolute;
    top: 0px;
    right:0px;
}
.testimonial-heading{
    color: #0274af;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}
.quotes{
    height: 32px;
    margin-left: -45px;
    margin-bottom: -48px;
    position:relative;
    z-index:9;
}
.step_one {
    display: block;
}

.step_two {
    display: none;
}

.step_three {
    display: none;
}
.hr2{
    margin: 1rem 0;
  color: inherit;
  background-color: #121212;
  border: 0;
  opacity: 0.5;
}
.x{
    position: absolute;
    padding: 0px 4px;
    right: 5px;
    cursor:pointer;
}

.search {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--white) !important;
    width: 100% !important;
    margin: auto !important;
    background: #26316C !important;
    /* -webkit-box-shadow: 1px 1px 2px rgb(0 0 0 / 30%); */
    /* box-shadow: 1px 1px 2px rgb(0 0 0 / 30%); */
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-appearance: none;
    padding: 15px 10px;
    border-radius: 10px;
}
.enquiry-head{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--white) !important;
    width: 100% !important;
    margin: auto !important;
    background:#26316C!important;
    text-align: center;
    padding:20px 0px;
    border-radius:10px;
}
.search:hover {
    background: var(--white)!important;
    color: #26316C !important;
    border:1px solid #26316C;

}
.home-image{
    width:100%;
}
.home-image-text{
    padding: 10px 0px 0px 0px;
}
.home-image-column{
    border:1px solid #d5d5d5;
    margin: 10px;
}
.tracker-image{
    height:100px;
    filter: grayscale(100%);
    border-radius:20px;
}
.tracker-image:hover{
    filter: grayscale(75%);
}
.btn-check:checked + .btn-outline-primary .tracker-image{
    filter: grayscale(0%);
}

.branches{
    margin: 10px;
    padding: 5px;
    border-radius: 3px;
}
.branches:hover {
    background:var(--light-grey-hover);
}
.selected-branch {
    margin: 10px;
    padding: 5px;
    border-radius: 3px;
    background:#182866;
}
.selected-branch .car-link {
    color:var(--white);
}

.check{
    list-style-type: none;
}
.private-heading {
    background: #ddd;
    padding:2px;
}

.sidebar{
    position:relative;
    display:block;
}
.small-filter{
    display:none;
}
.hundred{
    display:inline-block;
    width:150px;
}
.large-image{
    display:block;
}
.small-image{
    display:none;
}
.small{
    font-size:12px;
    font-family: "Manrope", sans-serif;
}

.head1 {
	font-family: "Inter", sans-serif;
	font-size: 60px;
	margin: 20px 0px;
}


.head2 {
	font-family: "Inter", sans-serif;
	font-size: 50px;
	margin: 20px 0px;
}
.head3 {
	font-family: "Inter", sans-serif;
	font-size: 40px;
	margin: 10px 0px;
}
@media (max-width: 992px) {
    .head1 {
        font-size: 40px;
    }
    .head2 {
        font-family: "Inter", sans-serif;
        font-size: 30px;
        margin: 10px 0px;
    }
}
.c-blue{
    color:var(--black);
}
.c-m-blue{
    color:var(--med-light-grey);
}
.h-icon{
    font-size:24px;
}
.book{
    font-size:14px;
    margin:0px 0px;
    font-family: "Inter", sans-serif;
}
.xxx-height{
    min-height:110px;
}
.bold{
    margin:0px 0px;
    font-family: "Inter", sans-serif;
}
.bold14{
    font-size:14px!important;
    font-family: "Inter", sans-serif;
}
.head3 {
	font-size: 30px;
	margin: 15px 0px;
	/* font-family: 'GothamMedium', sans-serif; */
	font-weight: 600;
	color: var(--dark-grey);
}
.la{
    text-align:left;
}
.head3bold{
    font-size:24px;
    margin:0px 0px;
    font-family: "Inter", sans-serif;
}
.head3bold20{
    font-size:20px;
    margin:0px 0px;
    font-family: "Inter", sans-serif;
}
.head3bold16{
    font-size:16px;
    margin:0px 0px;
    font-family: "Inter", sans-serif;
}
.uppercase{
    text-transform: uppercase;
}

.white-font{
    color:var(--white)!important;
}
.paragraph{
    font-size:16px;
    margin:0px 0px;
    font-family: "Inter", sans-serif;
}
.page-content{
    padding: 0px 100px;
    margin:0px!important;
}
.page-list{
    padding: 0px 100px 0px 120px;
}

.page-content-alt{
    margin:0px 95px 0px 0px!important;
}

.page-btns {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.pg-btn {
    width: 40px !important;
    /* text-align: center !important; */
    margin: 0px 5px;
    border-radius: 100px;
    background: var(--blue) !important;
    color: var(--white) !important;
    transition: all 0.5s ease-in-out;
    height: 40px;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
/*.e-before{*/
/*    width:50px!important;*/
/*}*/
/*.e-after{*/
/*    width:50px!important;*/
/*}*/
.e-before::before{
    content:'';
    display:inline-block;
}
.e-after::after{
    content:'';
    display:inline-block;
}
.current-page-btn{
    background:var(--med-light-grey)!important;

    color:var(--white)!important;
}
.pg-btn:hover{
    background:var(--light-grey-hover)!important;
    border-radius:50px;
}

.activ{
    color:var(--white);
    background:blue;
}
.pricecheckform{
    padding:0px 200px;
}
.renttobuyform{
    padding:0px 200px;
}

.x-height{
    padding:5px 0px!important;
    margin-bottom:30px;
}
.tab-content{width:100%;}

#v-pills-tab{
    width:200px;
}

.branch-image{
    width:100%;
}
.branch-image-small{
    width:50%;
}
.pg-btn-ext {
	width: 100px !important;
	text-align: center !important;
	margin: 0px 5px;
	padding: 15px 40px;
	border-radius: 2px;
	font-weight: 600;
	transition: all 0.5s ease-in-out;
}

.single-vehicle-heading {
    /* background: #26316C; */
    /* color: var(--white); */
    display: flex;
    align-items: center;
    /* border-radius: 10px; */
    padding: 14px;
}


select option {
   background:var(--white);
  }


.home-img {
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.docs{
    height:50px;
}
.car-column {
    background: var(--white);
    border-radius: 20px 20px 0px 0px;
    margin-bottom: 7px;
}

.team-column {
    background: var(--white);
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 20px;
}
.private-column {
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 2px 8px -3px rgb(0 0 0 / 46%);
    -moz-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.46);
    box-shadow: 1px 2px 8px -3px rgb(0 0 0 / 46%);
}

.news-column {
    background: var(--white);
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 20px;
    padding: 20px;
}



.floating {
    position: relative;
}

.car-column-footer {
    padding: 10px 20px;
    font-size: 12px;
    background: var(--white);
    border-radius: 0px 0px 20px 20px;
    margin-bottom: 50px;
}

.form {
    background: var(--white);
    padding: 20px 50px;
}

.card-body{
    padding:10px!important;
}


.font-size-12 {
    font-size: 12px;
}
.small-text {
    font-size: 14px;
    color:#999;
}
.align{
    display:flex;
    flex-direction: column;
    align-items: center;
}

.no-display {
    display: none;
}
.btn-reset{
    border: transparent;
    background: transparent;
    border-bottom:1px solid var(--light-grey-hover);
    font-family: "Inter", sans-serif;
}
.btn-reset:hover{
    color:var(--mid-grey)555;
    border-bottom:1px solid var(--mid-grey)555;
}
.twenty{width:20%}
.fourty{width:40%}


/* Pages */
.flex {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sub {
    text-align: center;
}

ul li::marker {
    color: #26316C;
    font-size: 20px;
}

.heading-main {
    color: var(--white);
    font-weight: 400;
    text-transform: uppercase;
    padding: 150px 0px;
    margin: 0px;
}



.showroom-button{
     display: block;
     width: 200px;
     margin: auto;
 }

 .car-content {
	padding: 5px 10px;
	border-bottom: 1px solid var(--light-grey);
	font-size: 12px;
	display: flex;
	justify-content: space-between;
}
.sub-content{
    padding: 20px;
}
.page-content {
    font-size: 16px;
    color: #444444;
    font-weight: 400;
    font-family: "Inter", sans-serif;

}
.w-list {
    font-size: 16px;
    color: #444444;
    font-weight: 400;
    font-family: "Inter", sans-serif;

}

.contact-page-content {
    font-size: 14px;
    color: var(--black);
    font-weight: 400;
    text-transform: uppercase;

}
.check {
    list-style-type: none;
    width: 60%;
    text-align: left;
    margin: auto;
}

.no-bullets {
    list-style-type: none;
    font-size: 14px;
    font-weight: 600;
}

.car-link {
    text-decoration: none;
    transition:all 0.5s ease-in-out
}

.car-links {
    cursor: pointer;
}


.end {
    display: flex;
    height: 30px;
    align-items: flex-end;
}

.link {
    color: var(--black);
    text-decoration: none !important;
}

.link:hover {
    color: var(--mid-grey);
    text-decoration: none !important;
}

.center {
    text-align: center !important;
}

.shadow {
    box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
}

.short {
    width: 20%;
}

.auto {
    width: auto;
}

.nopad {
    padding: 0px;
}

.noborder {
    border: 1px solid transparent !important;
}

.right {
    text-align: right;
}

.shares {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.shares a {
    margin: 5px !important;
}

.dropdown {
    display: inline;
}

.search-hold {
    text-align: center;
}

.view-car-hold {
    text-align: right;
}

.nopad {
    padding: 0px !important;
}

.float {
    margin-top: -150px;
    position: relative;
    z-index: 99;
    background:var(--white);
}

.bg-white {
    background: var(--white);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 20px;
}

.bg-white h4 {
    text-align: center;
    font-weight: 600;
}

.narrow {
    margin: 10px;
}

/* CARS PAGE */

.car-holder {
    border: 1px solid var(--light-grey-hover);
    border-radius: 20px;
    padding: 20px 0px 0px 20px;
    margin-bottom: 30px;
}



.head6 {
    text-transform: uppercase;
}



.head6-red:after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 60%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid black; /* This creates the border. Replace black with whatever color you want. */
}



.bottom {
    display: flex;
    align-items: flex-end;
}

.all-car-block {
    padding-left: 30px !important;
}

.icons {
    padding-top: 10px;
    border-top: 1px solid var(--light-grey-hover);
    margin-top: 10px !important;
}

.page-numbers {
    margin: 0px 5px;
    display:flex;
}

.small {
    margin: 0px !important;
}

.uppercase {
    text-transform: uppercase;
}



.inputfile + label {
    padding: 15px;
	background: var(--blue);
	color: var(--white);
	font-weight: 600;
	border: 2px solid transparent;
	border-radius: 3px;
	width: auto;
    transition: all 0.5s ease-in-out;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background: var(--med-light-grey);
	color: var(--white);
	border: 2px solid var(--med-light-grey);
}

.inputfile {
    display: none;
}

.height {
    height: 120px;
}




/*===================================================================*/

/*============= SEARCH LIST ====================*/


#search-list {
    display:flex;
    position: relative;
    width: 250px;
    background: var(--white);
    z-index: 999;
    margin-top: 0px;
    border-radius: 3px;
}
.search-results{
    position: absolute;
    width: 350px;
    top: 45px;
    right: 1px;
    background: var(--white);
    display: none;
    z-index: 999;
    overflow-y: auto;
    margin-top: 0px;
    padding: 5px;
    height: auto;
    max-height: 580px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
    box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.mini-vehicle{
    width:100%;
    padding:5px;
    border-bottom:1px solid var(--light-grey-hover);
    display:flex;
    align-items: center;
}
.mini-vehicle:hover{
    background:var(--light-grey-hover);
}

.mini-thumbnail{
    width:50px;
    height:50px;
    border-radius:50px;
    background-size: cover;
    background-position: center center;
    margin-right: 5px;
}
.very-small{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    width:auto;
    display:inline;
}
.super-small{
    font-size:12px;
    text-transform: uppercase;
    font-weight:600;

    display:inline;
}
.mini-details{
    width:80px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.mini-price{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    width:100px;
    background: var(--black);
    color: var(--white);
    text-align: center;
    border-radius: 3px;

    display:inline-block
}
.mini-mileage{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    width:100px;
    background: #363636;
    color: var(--white);
    text-align: center;
    border-radius: 3px;

    display:inline-block;
}
.mini-year{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    width:100px;
    background: #636363;
    color: var(--white);
    text-align: center;
    border-radius: 3px;

    display:inline-block;
}
.mini-search{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    min-width:100px;
    background: #00a5cd;
    color: var(--white)!important;
    text-align: center;
    border-radius: 3px;
    display:inline-block;
    padding:5px;
    position: relative;
}
.mini-search:hover{
    background:var(--white);
    border:1px solid #00a5cd;
    color:#00a5cd!important;
}
.mini-websearch{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    min-width:100px;
    background: #182866;
    color: var(--white)!important;
    text-align: center;
    border-radius:3px;
    display:inline-block;
    padding:5px;
    position: relative;

}
.mini-websearch:hover{
    background:var(--white);
    border:1px solid #182866;
    color:#182866!important;
}

.max-websearch{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    min-width:100px;
    background: #182866;
    color: var(--white);
    text-align: center;
    border-radius: 3px;
    display:inline-block;
    padding:5px;
}
/*.max-websearch:hover{*/
/*    background:var(--white);*/
/*    border:1px solid #182866;*/
/*    color:#182866*/
/*}*/
.mini-number{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    min-width:20px;
    background: #ff0000;
    color: var(--white);
    text-align: center;
    border-radius: 3px;
    display:inline-block;
    padding:5px;
    position: relative;
    top: -2px;
}
.mini-desc{
    width:160px;
}

.uppercase{
    text-transform: uppercase;
}


#cover {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(24,40,102,0.5);
    z-index: 9999;
    font-size: 65px;
    text-align: center;
    padding-top: 200px;
    color: var(--white);
    font-family: "Inter", sans-serif;

}


/* UPLOADER */

#drop_file_zone {
    border: 1px dashed #ced4da;
    border-radius: 20px;
    margin: 10px;
    text-align: center;
    padding: 20px;
}

#drag_upload_file {
    width: 50%;
    margin: 0 auto;
}

#drag_upload_file p {
    text-align: center;
}

#drag_upload_file #selectfile {
    display: none;
}

.hoverxx {
    background: var(--light-grey-hover);
}

.thumbnail {
    height: 100px;
    margin: 10px;
    display: inline;
}

.left {
    width: 150px;
}

.img-array {
    display: inline-block;
}

.car-details {
    box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    border-radius: 20px;
    padding: 20px;
    background: var(--white);
}

.car-details h3 {
    text-align: center;
    font-weight: 600;
    margin: 20px 0px;
    text-transform: uppercase;
}

.car-min-details {
    padding: 10px;
}

.team-details {
    padding: 20px;
}



.car-min-details h6 {
    text-align: center;
    color: var(--black);
    font-weight: 400;
    margin: 0px 0px;
    text-transform: uppercase;
}



.team-image {
/*	height: 200px;*/
	width: 100%;
	/* border: 10px solid #f2f5fa; */
	background-size: cover !important;
	background-position: center center !important;
}
.image-box {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.text-box{
    display: flex;
    align-items: center;
}
.insurance-image{
    width:100%;
}

.gallery-image {
    height: 250px;
    background-size: cover;
    background-position: center center;
    width: auto;
    margin: auto;
    border-radius:3px;
}
.history-image{
    width:100%;
    margin-bottom:20px;
}
.team-heading {
    font-size: 14px;
    text-align: center;
    color: var(--black);
    font-weight: 400;
    margin: 0px 0px;
}
.adjust-full{
    text-align:justify;
}
.full-width{
    width:100%;
}
.team-details p {
    text-align: center;
    color: var(--black);
    font-weight: 400;
    margin: 0px 0px;
}
.team-link{
    text-decoration:none;
}

.capital {
    text-transform: capitalize;
}
.bold-blue {
    color: #26316C;
    font-weight:400;
    font-size:16px;
    font-family: "Inter", sans-serif;
}
.vehicle-heading {
	color: var(--black);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: center;
}

.sv-h5-heading {
	color: var(--black);
	text-transform: uppercase;
	font-size: 2vw;
	font-weight: 600;
	margin: 0px;
	text-align: center;
}
.sv-h5-heading-contact-us {
	color: var(--black);
	
	font-size: 36px;
	font-weight: 600;
	margin: 0px;
	text-align: center;
}
.single-vehicle-h5-heading {
	color: var(--black);

	font-family: "Manrope", sans-serif;
	font-size: 30px;
	font-weight: 600;
	margin: 0px;
	padding-top: 10px;
	align-items: center;
}
.space-around{
    justify-content: space-around;
}
.c-col{
   
        /* flex: 1 0 0%; */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        width: auto!important;
        align-items: center;
        padding: 0xp 5px !important;

}
.ml-5{margin-right:5px}
.thirty-five{
    height:35px;
}
.add-ons{
    border: 2px solid #26316C;
    padding: 20px;
    margin-bottom:20px;
}
.fin-box{
    padding:50px!important;
}
.apply-box{
    background:#f7f7f7;
    padding:20px;
    margin-bottom:20px;
}
.number{
    font-size: 30px;
    font-weight: 800;
    border: 2px solid var(--black);
    border-radius: 50px;
    width: 50px;
    margin: auto;
}
.pad-twenty{
    padding:20px!important;
}
.vehicle-text{
    font-size:14px;
    color:#444444;
    font-family: "Inter", sans-serif;
}
.vehicle-branch{
    font-size:14px;
    color:#444444;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    margin-top:10px;
}
.bg-custom {
    background: var(--white);
    border-radius: 10px;
    margin-bottom: 15px;
    transition: all 500ms linear;
    position: absolute;
    left: -120%;
    z-index: 99;
    top: 80px;
    padding: 0px!important;
    /* margin: 0px; */
}
.bg-custom.active {
    left: 0px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  }
  @media (max-width: 768px) {
    .bg-custom {
        
    }
}
.head2white{
    color: var(--white);
    font-size:24px;
    font-family: "Inter", sans-serif;
}
.vehicle-link{
    font-size:14px;
    color:#26316C;
    text-decoration:underline;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    padding:0px 10px;
}
.vehicle-link-white{
    font-size:14px;
    color:var(--white);
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    padding:0px 10px;
}
.vehicle-link:hover, .vehicle-link-white:hover{
    color:#676767;

}
.heading-holder {
	border-bottom: 1px solid var(--light-grey);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 10px;
}
.explore-btn {
    background-color:var(--blue);
    padding: 12px 24px;
    color: var(--white);
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    font-size: 14px;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}
.explore-btn:hover{
    background-color:var(--gold);
    color: var(--blue);
}
.explore-btn-alt {
    background-color:var(--blue);
    padding: 12px 24px;
    color: var(--white);
    border:1px solid var(--blue);
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    font-size: 14px;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}
.explore-btn-alt:hover{
    background-color:var(--gold);
    color: var(--blue);
    border:1px solid var(--gold);
}
.vehicle-head {
    font-size: 34px;
}

.border-botm {
    border-bottom: 1px solid var(--black);
}



.fotorama__stage {
    border-radius: 0px;
}

.fotorama__thumb {
    border-radius: 0px;
}

.fotorama__thumb-border {
    border-radius: 0px;
}


.wp-post-image {
    border-radius: 20px;
}
.inline-headings{
    display: flex;
    justify-content: space-between;
}
.car-image {
    border-radius: 20px;
    background-size: cover;
    background-position: center;
}
.left-align{
    text-align:left;
}
.left-align-center{
    text-align:left;
}
.partners{
    border: 1px solid var(--light-grey-hover);
    padding: 50px;
    width:100%;
}
.testimonials-block{
    background:#f2f6fa;
    padding:0px 40px!important;
}
.testimonial-image{
    width:100%;
}
.medium-blue{
    color:#4762af;
}

.flex-row{
    display:flex;
    justify-content: space-evenly;
}

.min250 {
	min-width: 250px;
	max-width: 300px !important;
	margin-bottom: 20px;
}

.flex-flex-start{
    display: flex !important;
    width: 100%;
    justify-content: flex-start;
}

.nav-tabs {
    border: 0;
    padding: 0px;
}





























/* Footer */

.main-footer {
	background: var(--blue);
	color: var(--white);
	padding: 25px 0px 0px 0px;
	border-top: 3px solid var(--gold);
}
.footer-link {
    color: var(--white);
    font-size:14px;
    transition: all 0.5s ease-in-out;
}
.footer-link:hover {
    color:var(--gold);
}
.footer-link-alt {
    color: var(--black);
    font-size:14px;
    transition: all 0.5s ease-in-out;
}
.footer-link-alt:hover {
    color:var(--med-light-grey);
}
.footer-heading {
	color: var(--white);
	font-size: 36px;
	padding: 10px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #363636;
}
.footer-selected{
    color:var(--black);
    
}
.vmg-green {
    color:var(--vmg-green)!important;
    text-decoration: none;
}
.vmg-green:hover{
    color:var(--mid-grey);
}
.sub-footer {
	border-top: 1px solid var(--transparent);
	background: #fff;
	color: #000;
	padding: 15px 0px;
}
.sub-footer p {
    color:#ffffff;
    font-size:12px;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    margin:0px;
    padding:0px 0px;
}

.autocomplete-suggestions {
    background: var(--med-light-grey);
    color: var(--white);
    padding: 10px;
    overflow-y: scroll;
    max-height: 80px!important;
    cursor:pointer;
}
.autocomplete-suggestions strong {color: var(--black); }
.footer-search{
    padding: 10px;
   
    border: 1px solid transparent;
}
.footer-search-submit{
    padding: 10px;
    border: 1px solid transparent;
    background: var(--med-light-grey);
    color: var(--white);
}





.paginate {
    cursor: pointer;
    display: inline;
    text-decoration: none;
    background: var(--blue);
    color:var(--white)!important;
}
.paginate:hover{
    background: var(--light-grey-hover)!important;
    color:var(--white)!important;
}

.hide-one {
    height: 50px;
}

.adjust {
    height: 50px;
}

.adjust-two {
    height: 0px;
}

.adjust-three {
    height: 0px;
}

.adjust-four {
    height: 0px;
}

.adjust-five {
    height: 0px;
    display: none;
}

.adjust-six {
    height: 0px;
    display: none;
}

.no-disp {
    display: block
}
.no-display{
    display:none;
}
.toggle-show-hide {
    display: none;
}

.show-hide {
    display: block;
}
.flex-evenly{
    display: flex;
    justify-content: space-evenly;
    flex-wrap:wrap;
}

.minimise{
    height:100px;
}
.minimise100{
    height:160px;
}
.form-select.set-width, .set-width {
    width: 100%;
    min-width: 200px;
    max-width: 300px;
    margin: auto;
}
.form-select.set-width2, .set-width2 {
    width: 100%;
    min-width: 200px;
    margin: auto;
}

.form-select.set-width3 {
    width: 100%;
    min-width: 200px;
    margin: auto;
}
.itemdiv-make {
	display: inline-block;
	background: #cdcdcd;
	padding: 0px 10px 0px 0px;
	border-radius: 50px;
    font-size: 12px;
}

.itemdiv-model {
	display: inline-block;
	background: #b9b9b9;
	padding: 0px 10px 0px 0px;
	border-radius: 50px;
    font-size: 12px;
}
.itemdiv-year {
	display: inline-block;
	background: #a6a6a6;
	padding: 0px 10px 0px 0px;
	border-radius: 50px;
    font-size: 12px;
}
.itemdiv-colour {
	display: inline-block;
	background: #929292;
    color:#fff;
	padding: 0px 10px 0px 0px;
	border-radius: 50px;
    font-size: 12px;
}
.itemdiv-transmission {
	display: inline-block;
	background: #7f7f7f;
    color:#fff;
	padding: 0px 10px 0px 0px;
	border-radius: 50px;
    font-size: 12px;
}
.itemdiv-fuel-type {
	display: inline-block;
	background: #6b6b6b;
    color:#fff;
	padding: 0px 10px 0px 0px;
	border-radius: 50px;
    font-size: 12px;
}
.itemdiv-body-type {
	display: inline-block;
	background: #575757;
    color:#fff;
	padding: 0px 10px 0px 0px;
	border-radius: 50px;
    font-size: 12px;
}

.itemdiv-pricerange {
	display: inline-block;
	background: #434343;
    color:#fff;
	padding: 0px 10px 0px 0px;
    border-radius: 50px;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 400;
}
.fa-circle-xmark{
    color: var(--blue);
    background: #fff;
    border-radius: 50px;
    padding: 5px;
}

.itemdiv-mileagerange {
	display: inline-block;
	background: #1c1c1c;
    color:#fff;
	padding: 0px 10px 0px 0px;
    border-radius: 50px;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 400;
}

.vehicles{
    margin-bottom:20px;
    box-shadow: 0px 10px 20px -5px rgba(10,26,60, 0.3);
    transition: all 0.5s ease-in-out
}
.vehicles-grow {
    margin-bottom: 20px;
    box-shadow: 0px 10px 20px -5px rgba(10,26,60, 0.3);
    transition: all 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow:2;
}
.vehicles-grow:hover{
    box-shadow: 0px 10px 20px -5px rgba(10,26,60, 0.8);
}
.vehicles:hover{
    box-shadow: 0px 10px 20px -5px rgba(10,26,60, 0.8);
}
.blue-blocks{
    margin-bottom:20px;
}
.lm{
    min-height: 50px;
    display: inline-block;
}
.block{
    display:block;
}
/* .floating-filter{
    display:block;
    position:relative;
} */
.floating-button {
	position: relative;
	top: 0px;
	left: 15px;
	display: flex;

	flex-direction: column;
	align-content: center;
	justify-content: center;
	color: var(--white);
	align-items: center;
	background: var(--blue);
	padding: 8px;
	border-radius: 100px;
	width: 100px !important;
	z-index: 999;
	cursor: pointer;
	height: 50px;
    margin-right:25px;
    box-shadow: 0 2px 8px rgba(0,0,0,.16),0 0 0 rgba(0,0,0,.04);
}
.back-to-btn {
	position: absolute;
	top: 68px;
	left: 11px;
	display: flex;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	align-content: center;
	justify-content: center;
	color: var(--white);
	align-items: center;
	background: var(--black);
	/* padding: 8px; */
	border-radius: 4px;
	width: 110px !important;
	z-index: 999;
	cursor: pointer;
	border: 1px solid transparent;
	height: 63px;
	transition: all 0.5s ease-in-out;
	font-size: 12px;
}
.back-to-btn:hover{
    background:var(--med-light-grey);
}
.see-more-btn {
	color: var(--blue);
	/* background: var(--black); */
	/* width: 50%; */
	display: block;
	text-align: center;
	/* padding: 5px; */
	margin: 15px auto 15px auto;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	/* border-radius: 4px; */
}
.see-more-btn:hover{
    color:#999;
}
.more-specs{
    display:none;
    margin-top:15px;
}
@media (max-width: 768px) {
    .floating-button {
        
    }
}
.pc{
    display:block;
}
.right-m{
    margin-right:60px;
}
.space-evenly{
    justify-content:space-evenly;
}
.mobile-show{
    display:none;
}
.none{
    display:none!important;
}
.bordr {
    border: 1px solid var(--mid-grey);
    padding: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
  }
  .flx {

}
.ms-10{margin:0px 10px;}
.jcc{justify-content:center;}
.spinner-holder {
    display: flex;
    justify-content: center;
}
.right-cc {
    display: flex;
    align-content: center;
    justify-content: center;
}
.vtours{
    width:100%
}
.contact-background {

    background-size: cover !important;
    background-position: center center !important;
    margin-top: 40px;
}

.desktop-image{
    display:block!important;
}
.mobile-image{
    display:none!important;
}
.mobile-small-image{
    display:none!important;
}
.fifty{
    height:50px;
}
.fin-app-head {
	min-height: 68px;
	font-size: 28px;
}
/* .loading-no-show{
    display:none;
} */
@media (max-width: 1800px) {
    /*#search-list {*/
    /*    width: 30%;*/
    /*}*/
}
@media (max-width: 1550px) {
    .left-ad,.right-ad {
        width: 250px;
    }
}
@media (max-width: 1500px) {
    /*#search-list {*/
    /*    width: 35%;*/
    /*}*/
}

@media (max-width: 1440px) {
    .huge {
        font-size: 150px;
    }
    .call-to-action {
        padding: 10px 20px;
       
    }
    .left-ad,.right-ad {
        width: 200px;
    }
    .testimonial-heading{
        font-size:16px;
    }
    h1{
        /* font-size:30px!important; */
    }
    .quotes {
        height: 20px;
        margin-left: -35px;
        margin-bottom: -38px;
    }

    .news-image {
        height: 400px;
    }

    .likelist {
        right: 10%;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 12px !important;
    }
}

@media (max-width: 1400px) {
    .fin-app-head {
	min-height: 68px;
	font-size: 28px;
}
    .ff {
        width: auto;
    }
    .t-h{
        min-height: 58px;
    }
    .xxx-height {
        min-height: 150px;
    }
    .form-select.set-width2, .set-width2 {
        max-width:340px;
        margin-bottom:10px;
    }
    .form-select.set-width3 {
        width: 100%;
        margin: auto;
    }
    .min-head{
        min-height:60px;
    }
    .twohundred {
        min-height: 250px;
    }
    .vehicle-link-white {
         padding: 0px;
    }
    
    .showroom-image {
        width: 180px;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding:20px 10px!important;
    }

    .vehicle-head {
        font-size: 28px;
    }

    .price {
        margin-left: 0px;
    }
}



@media (max-width: 1270px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-right: 5px!important;
        margin-left: 5px!important;
    }

}

@media (max-width: 1200px) {
	.fin-app-head {
	min-height: 101px;

}
   
    .call-to-action {
        font-size: 2vw;
    }
    .sv-h5-heading {
      
    }
    .mh-h {
        min-height: 86px;
    }
    .h-150 {
        min-height: 168px;
    }
    .ff {
        padding: 10px;
        margin-bottom: 10px;
    }
    .xxx-height {
        min-height: 170px;
    }
    .right-m{
        margin-right:0px;
    }
    .min-x{
        min-height:60px;
    }
    .line3 {
    min-height:90px;
}
    .offer-link {
        font-size: 14px;
    }
    .twohundred {
        min-height: 300px;
    }
    .vehicle-link, .vehicle-link-white {
        font-size:13px;
    }
  
    .head6-blue {
        min-height: 30px;
    }
    .showroom-image {
        width: 150px;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding:10px 5px!important;
    }
    .news-image {
        height: 350px;
    }


    .vehicle-head {
        font-size: 24px;
    }

    .no-display {
        visibility: hidden;
    }

    .display {
        display: block;
        margin-top: 10px !important;
    }
}
@media (max-width: 1180px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-right: 4px!important;
        margin-left: 4px!important;
    }
}
@media (max-width: 1160px) {
    .nav-link {
        font-size: 12px!important;
    }
    .f-ap {
        height: 220px;
    }
}

@media (max-width: 1100px) {
    .huge {
        font-size: 100px;
    }
    
    .welcome-content {
        padding: 0px 20px;
    }
    .nav-link {
        font-size: 11px!important;
    }
    .quotes {
        display: none;
    }
}
@media (max-width: 1080px) {
    .footer-heading {
        min-height: 108px;
    }
    
}
@media (max-width: 1050px) {
    .float {
        margin-top: -100px;
    }
    .minimise60{
        height:15px;
    }
    
}
@media (min-width: 992px) {

    .container.max {
        max-width: 1200px;
    }
}
@media (max-width: 992px) {
	.navbar-collapse {
   position:absolute;
    top: 0px;
    right: 50px;
}
    .minimise{
        height:50px;
    }
    .banks {
        margin: 0px 5px;
        height: 100px;
    }
    .br-info {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: auto;
/*         width: 40%;  */
    }
    #navbarSupportedContent{
        order:1
    }
    .navbar-toggler{
        order:2
    }
    .navbar-nav{
        background: var(--blue);
        position: relative;
        z-index: 99;
        top: 0px;
    }
    .back-to-btn {
       
        top: 110px;
       
       
    }
    .showroom-filter-mobile{
    display: block;
}
.f-ap {
	height: 250px;
}
.feature-block {
	margin-bottom: 20px;
    height:auto;
}
    .search-mobile{
      display: block;
    }
    .circle-icon {
        border: 4px solid var(--med-light-grey);
        border-radius: 50px;
        background: var(--med-light-grey);
    }
    .circle-icon:hover {
        border: 4px solid var(--light-grey-hover);
       
    }
    .branchx {
        margin: 0px 5px;
        display: flex;
    }
    .no-mobile{
        display:none!important;
    }
   
    .fh {
        min-height: 45px;
    }
    .mh-h {
        min-height: 250px;
    }
.navbar-nav{
/*     width: 50%!important;
margin: auto; */
}
.h-150 {
    min-height: 150px;
}

    .sh {
        min-height: 88px;
    
    }
    .single-vehicle-heading {
        display:block;
        padding:10px;
    }
    .pc{
        display:none;
    }
  
    .pricecheckform {
        padding:0px;
    }
    .renttobuyform{
        padding:0px;
    }
    .contactform{
        padding:0px 0px;
    }
    .trackerform{
        padding:0px 0px;
    }
    .check {
         width: 100%;
    }
    .fin-box {
        padding: 10px !important;
    }
    .floating-filter {
        /* display: none; */
        position: relative;
        background: var(--med-light-grey);
        left: 0px;
        /* width: 250px; */
        padding: 10px;
        border-radius: px;
        /* -webkit-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75); */
        -moz-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75);
        /* box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75); */
        /* z-index: 999; */
        margin-bottom: 20px;
    }
    .fifty{
        height:25px;
    }
    .banner-heading-alt {
        font-size: 50px;
    }
    .small-filter {
        display: flex;
        position: fixed;
        right: 0px;
        background: #cdcdcd;
        padding: 5px 12px;
        color: var(--white);
        -webkit-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.46);
        box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75);
        /* width: 140px !important; */
        border-radius: 3px;
        cursor: pointer;
        font-size: 12px;
        top: 220px;
        align-items: center;
        z-index: 9999;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }

    .container.footer-max{
        max-width: 1200px;
    }
    .inline-buttons{
        width:40% !important;
    }
    .showroom-image {
        width: 100%;
    }
    .main-logo{
        padding: 0px;
        width: 100%;
    }

    .navbar-nav{
        text-align:center;
    }
    .dropdown-item{
        font-size:10px;
        text-align: center!important;
    }
    .center-on-small{
        text-align:center;
    }

   
    


    .like-price {
        font-size: 14px !important;
        padding: 5px !important;
    }

    .floating {
        position: fixed;
        width: 200px !important;
        right: 0px;
        top: 25%;
        height: auto;
        max-height: 500px;
        overflow-y: scroll;
        text-align: center;
    }

    .vehicle-head {
        font-size: 18px;
    }

   

    .floating .smaller {
        font-size: 14px;
        margin-top: 20px;
    }

    .show-hide {
        display: none;
    }

    .no-disp {
        display: none!important;
    }

    .hide-one {
        display: none;
    }

    .toggle-show-hide {
        display: block;
        text-decoration: none;
        padding: 10px;
    }

    .adjust {
        height: 80px;
    }

    .adjust-two {
        height: 50px;
    }

    .adjust-three {
        height: 40px;
    }

    .skew {
        position: absolute;
        width: 100%;
        left: 0%;
        text-align: center;
        top: 100%;
    }


    .price {
        padding: 10px;
    }

    .height {
        height: 20px;
    }

    .car-image {
        height: 200px;
        width: 95% !important;
    }

    .grey {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .car-holder {
        margin-bottom: 10px;
    }
    .sv-h5-heading-contact-us {
        font-size: 30px;
    }
}

@media (max-width: 990px) {

    .md-no-show{
        display:none;
    }
    .md-show{
        display:block;
    }

    .footer h1 {
        font-size: 20px;
    }

    .footer p {
        font-size: 12px;
    }
    .form {
        background: var(--white);
        padding: 20px;
        border-radius: 20px;
    }
}
@media (max-width: 940px) {

}
@media (max-width: 850px) {
    .minimise100{
        height:110px;
    }
    .head1{
        margin:0px;
    }
   
    .testimonials-content{
        width:60%;
        margin:auto;
    }
}

@media (max-width: 768px) {
    .fin-app-head {
        min-height: 0px;
    }
	.inside-link {
	margin-bottom:15px;
}
    .huge {
        font-size: 60px;
        color: rgba(255,255,255,0.8);
    }
    .footer-heading {
        min-height: 0px;
    }
    .mobile {
        display:block!important;
    }
   
    .desktop-image{
        display:none!important;
    }
    .mobile-image{
        display:block!important;
    }
    .mobile-small{
        font-size:12px;
    }
    .f-ap {
        height: 200px;
    }
    .no-single-mobile{
        display:none;
    }
    .single-mobile{
        display:flex;
    }
    .sv-h5-heading {

        font-size: 4vw;
    
    }
    .feature-block {
        padding: 30px;
        margin-bottom: 20px;
        min-height:0px;
    }
    .branch-image {
        width: auto;
        height: 100px;
    }
    .fh{
        min-height:0px;
    }
    .mh-h {
        min-height: 0px;
    }
   
    .page-list{
        padding: 0px 0px 0px 20px;
    }
    .vehicle-link, .vehicle-link-white {
        padding: 0px;
    }
    .sub-content {
        padding: 0px;
    }
    .vehicle-text {
        text-align: center;
        margin-bottom: 10px;
    }
    .sh {
        min-height: 60px;
    
    }
    .single-vehicle-heading {
        margin-bottom:20px;
    }
    .small-hide{
        display:none;
    }
    .min-x{
        min-height:0px;
    }
    .form-select-alt, .form-control-alt {
        width: 100%;
        min-width: 200px;
        max-width: 300px;
        margin: auto;
    }
    .hide-on-small{
        display:none;
    }
    .twohundred {
        min-height: 260px;
    }
    .page-content{
        padding:0px;
    }
    .right {
        text-align: center;
    
    }
    .right-cc {
        text-align: center;
        display: flex;
        align-items: center;
    }
    #cover {
        font-size: 50px;
    }
    .carousel-caption {
        bottom: 0px!important;
    }

    .main-logo {
        width: auto;
        padding: 20px;
    }
    .large-logo{
        width:100%;
    }

    .alt-pad{
        padding:0px!important;
    }
   
  
    .vehicle-head {
        text-align: center;
    }

    .car-price {
        text-align: center;
    }

    .page-heading {
        text-align: center;
    }

    .contact-heading-two {
        text-align: center;
    }

    .cntr {
        justify-content: center;
    }

    .news-image {
        height: 300px;
    }

    .adjust-four {
        height: 20px;
    }

    .adjust-six {
        display: block;
        height: 30px;
    }

    .center-it {
        text-align: center !important;
        display: flex!important;
        align-items: center!important;
    }


    .bg-white {
        visibility: hidden;
        opacity: 1;
        position: absolute;
        top: 100%;
        left: 40%;
        max-width: 70%;
        border-top: 1px solid var(--white);
        transform: translate(-50%, -50%);
        /* transition: all 0.8s;*/
        width: 40% !important;
        z-index: 99;
    }
    .heading-main {
        padding: 50px 0px 50px 0px;
    }
    .container.float {
        margin-top: 0px;
        max-width:100%;
    }
    .top-logo {
        height: 100px;
    }
    
    .sv-h5-heading-contact-us {
        font-size: 24px;
    }
    .fa-3x {
        font-size: 2em!important;
    }
}

@media (max-width: 700px) {
    .banner-heading.six-slide-car{
    text-align: center!important;
    color: black!important;
    
}
    .large-image{
        display:none;
    }
    .small-image{
        display:block;
    }
    .testimonials-content{
        width:100%;
        margin:auto;
    }
    .left-ad,.right-ad{
        display:none;
    }
   
    .form {
        padding:0px;
    }
}
.modal-dialog{
    width:50% !important;
}

@media (max-width: 660px) {
 .social {
	position: fixed;
	bottom: -295px;
	z-index: 99;
	top: auto;
	width: 100%;
	 left:0px;
}
.social ul {
	list-style-type: none;
	padding: 0;
	/* transform: translatey(-20px); */
	display: flex;
	flex-direction: column;
	transform: rotate(270deg);
	transform-origin: left;
	transform: translate(50%,0%) rotate(270deg);
	position: absolute;
	bottom: -180px;
	/* top: 0px; */
	left: 50%;
	right: 100%;
	/* height: 100%; */
}
.social ul li {
	display: block;
	margin: 5px;
	background-color: rgba(0, 0, 0, 0.5);
	width: 320px;
	text-align: right;
	padding: 10px;
	border-radius: 0 30px 30px 0;
	transition: all 1s;
	position: relative;
	/* top: -1000px; */
	bottom: 0px;
	/* top: 300px; */
	left: 50px;
	right: 50px;
}
    .social ul li i {
        transform: rotate(90deg);
      }
      .social ul li:hover i {
        transform: rotate(450deg);
        transition: all 1s;
      }
    
    .carousel-caption {
        justify-content: flex-end!important;
        padding-bottom:10px;
    }
.top-logo {
    height: 80px;
}
}
@media (max-width: 630px) {
    .bg-white {
        width: 50% !important;
    }
}

@media (max-width: 600px) {
    .head-ttext {
        font-size: 10px;
        
    }
    .map-heading-alt {
       
        font-size: 10px;
       
    }
    .map-heading {
        
        font-size: 10px;
       
        border-bottom: 1px dashed var(--med-light-grey);
        width: 68px;
    }
    .h-150 {
        min-height: 0px;
    }
    .t-h{
        min-height:0px;
    }
    .lg{
        font-size:20px;
    }
    .modal-dialog {
         width: 100% !important;
    }

    .skew {
        font-size: 12px;
        height: 30px;
    }

    .adjust-three {
        height: 30px;
    }
}
@media (max-width: 576px) {
    .banks {
        margin: 0px 5px;
        height: 60px;
    }
    .img-holder {
        height: 250px;
       
    }
    .team-image{
        width: 200px;
    }
    .min-head{
        min-height:0px;
        padding-top:10px;
        border-top:1px solid rgba(38, 49, 108, 0.25);
    }
    .vehicle-link, .vehicle-link-white {
        padding: 10px;
    }
    .sub-content {
        padding: 10px;
    }
    .right-cc {
        align-items: center;
        justify-content: center;
    }
    .sub-content {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .xxx-height {
        min-height: 0px;
    }
    .sh {
        min-height: 0px;
    
    }
    .left-align-center{
        text-align:center;
    }
    .insurance-image {
        width: auto;
        height: 100px;
        margin-bottom:30px;
    }
    .twohundred {
        min-height: 0px;
    }
.home-image-column{
    margin-top:20px;
}
}

@media (max-width: 580px) {
 

    .car-price {
        text-align: center;
    }

    .no-display {
        display: none;
    }

    .w-60 {
        width: 60% !important;
    }

    .w-40 {
        width: 40% !important;
    }

    .footer .right {
        text-align: left;
    }

    .all-car-block {
        padding-left: 15px !important;
    }
}

@media (max-width: 576px) {
    .back-to-btn {
        top: 170px;
    }
    .sixty {
        width: 60% !important;
    }

    .fourty {
        width: 40% !important;
    }

    .third {
        width: 33% !important;
    }
}

@media (max-width: 550px) {
    .navbar-nav {
        width: 100% !important;
        
    }
    #cover {
        font-size: 36px;
    }
    .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:nth-child(n+3) {
        font-size: 12px !important;
    }
    .img-fit{
        width:100%;
    }
 
    .short {
        width: 40%;
    }
    .custom-width {
      
        float: right;
    }
}

@media (max-width: 530px) {
    .ff {
        width: auto;
    }
}

@media (max-width: 520px) {
    .heading-main {
        font-size: 20px;
    }
   
}

@media (max-width: 500px) {
	 .mobile-image{
        display:none!important;
    }
    .mobile-small-image{
        display:block!important;
    }
    .search-results{

        left:-60%;
    }
 
    .news-image {
        height: 250px;
    }
}
@media (max-width: 488px) {
    .page-numbers {
        margin: 0px;
    }
    .pg-btn-ext {
        padding: 5px 5px;
    }
  
    .set-width3 {
        width: 100%;
        max-width:340px;
        margin: auto;
    }
    .top-logo{
        height:60px
    }
    .branch {
        margin: 0px 0px;
    }
    .branch-detail {
        font-size: 12px;
    }
    .branch-heading {
        font-size: 14px;
    }
    .minimise100 {
        height: 60px;
    }
}

@media (max-width: 480px) {
    .back-to-btn {
        top: 204px;
    }
    .offset-icon {
       
        margin-top: 0px;
     
    }
    .mobile-show{
        display:block;
    }
    .branchx {
        margin: 0px;
        display: flex;
        position:relative;
    }
    .fa-stack {
        
        width: 50px!important;
    }

    .head-ttext {
        font-size: 10px;
        display: none;
        position: absolute;
        top: 30px;
        background: var(--white);
        z-index: 999;
        padding: 10px;
        border-radius: 3px;
        width: 200px;
        right: 0px;
    }
    .navbar-toggler {
        padding: 0px!important;
       
    }
}
@media (max-width: 460px) {
    #search-list {
        width:280px;
    }
    .likelist {
        right: 5px;
    }
    .inline-buttons {
        width: 80% !important;
        margin: 15px!important;
    }
    .search-results{

        left:-30%;
    }
    .huge {
        font-size: 40px;
    }
    .small-small{
        font-size:24px;
    }
}





@media (max-width: 440px) {
  
   
    .third {
        width: 50% !important;
        margin: auto;
        text-align: center;
    }

    .bg-white {
        width: 70% !important;
    }
}
@media (max-width: 428px) {
.navbar-nav {
	width: 100% !important;
	margin: auto;
}
}
@media (max-width: 410px) {
.branch{display:none;}

  

    .navbar-brand {
        margin-right: 0px !important;
        width: auto;
    }

    .skew {
        top: 100%;
    }
}

@media (max-width: 400px) {
    .gif-image {
        width: 100%;
    
    }
    .mobile {
        display:none!important;
    }
    
    .custom-width {
        width: 200px !important;
        float: right;
    }
    
   
    .head3 {
        font-size: 24px;
       
    }
    .call-to-action {
        
        padding: 10px 10px;
       
    }
    .half{
width:50%;
    }
    .space-evenly {
        justify-content: start;
    }
    .page-btns {
        flex-direction: column;
    }
    .pg-btn-ext {
        width: 100% !important;
        text-align: center !important;
        margin: 0px 5px;
    }
    .page-numbers{
        margin:10px auto;
    }
    .pg-btn-ext {
        width: 100% !important;
        text-align: center !important;
        margin: 0px 5px;
    }

    .right {
        text-align: right;
    }
    .search-results{

        left:-20%;
    }
    .news-image {
        height: 200px;
    }

    .w-60 {
        width: 100% !important;
        text-align: center;
    }

    .w-40 {
        width: 68% !important;
        margin-top: 10px !important;
    }

    .footer-image {
        width: 60%;
    }
}

@media (max-width: 375px) {
    .search-results{
        left: -5%;
        width: 100%
    }
    .mini-thumbnail {
        width: 50px;
        height: 40px
    }
    /*#search-list {*/
    /*    width: 80%;*/
    /*}*/
    
    .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:nth-child(n+3) {
        font-size: 10px !important;
    }
}

@media (max-width: 360px) {
    .news-image {
        height: 200px;
    }

    .heading-main {
        padding: 50px 0px 50px 0px;
        font-size: 16px;
    }

    .thumbnail {
        height: 50px;
    }
}
@media (max-width: 350px) {
   
    .page-numbers{
        margin:10px auto;
    }
}

@media (max-width: 340px) {

    #search-list {
        width: 265px;
    }
    .top-bar {
        padding: 15px 0px;
    }
    
}
@media (max-width: 330px) {
    .call-to-action {
        padding: 10px;
    }
    #search-list {
        width: 245px;
    }
    .adjust-five {
        display: block;
        height: 20px;
    }
}
@media (max-width: 320px) {
    .sub-content{
        padding:20px 0px!important;
    }
}
@media (max-width: 310px) {
    .sm{
        padding:5px 5px!important;
    }
}