@font-face{font-family:"ZapfHumnst BT";src:url(../fonts/zapf/ZapfHumanist601BT-Roman.eot);src:url(../fonts/zapf/ZapfHumanist601BT-Roman.eot?#iefix) format("embedded-opentype"),url(../fonts/zapf/ZapfHumanist601BT-Roman.woff) format("woff"),url(astonassets/fonts/zapf/ZapfHumanist601BT-Roman.ttf) format("truetype"),url(../fonts/zapf/ZapfHumanist601BT-Roman.svg#ZapfHumanist601BT-Roman) format("svg");font-weight:400;font-style:normal;font-display:swap}

html {
  scroll-behavior: smooth;
}

html, body {
    height: 100%;
    font: 13px/1.54 "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
*, *:before, *:after {
    box-sizing: border-box;
}
* {
    max-height: 1000000px;
}

body{color: #fff;
    background: #000;
    min-width: 320px;
    margin:0;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {
         font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    margin: 0 0 .5em;
    color: inherit;
    line-height: 1.15;
}

.h4, h4 {
    font-size: 17px;
}



a, a:hover, i, i:hover, a img, a img:hover, input[type="button"], input[type="submit"], button {
    transition: all 0.2s ease-in-out 0s;
}
a {
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s;
}
a {
    color: #a1a0a0;
}
a:hover{color:#fff;}

img {
    max-width: 100%;
    height: auto;
}

.button {
    display: inline-block;
    vertical-align: top;
    border: none;
    background: #4a4a49;
     font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding: 7px 10px;
    text-align: center;
    min-width: 118px;
    position: relative;
    -webkit-transition: background .3s;
    transition: background .3s;
    color: #fff;
}


label {
    display: block;
    margin-bottom: 5px;
}




textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: none;
    color:#000;
    border-radius:2px;
    min-height: 33px;
}


input.form-input {
    height: 28px;
    width: 100%;
    font-size: 12px;
    outline: 0!important;
}



.col, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}


.col-xs-6 {
    width: 50%}


@media (min-width: 768px){
    .col,
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}

	

	.col-sm-6 {
		width: 50%;
	}

	


}
.col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media(min-width:1024px){
 .col,
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}

	

	.col-md-6 {
		width: 50%;
	}

	

	.col-md-3 {
		width: 25%;
	}

	 
}

.container{width:95%; max-width:1600px;    margin-right: auto;
    margin-left: auto;
 }
.main-holder .container, .enquiry-wrapper .container{position: relative}


.row:after {
    clear: both;
    content: " ";
    display: table;
}


.main-holder {
    padding: 30px 0 20px;
    margin-top:100px;
    min-height:800px;
}

.main-holder.flush{padding-top:0;margin-top:91px}
@media(max-width:1170px){.main-holder.flush{margin-top:82px}}



tr:nth-child(odd) {
    background-color: #080808;
}

table td {
    padding: 15px 10px;
    vertical-align: top;
}












/*       PAGES      */


.logo{margin-bottom:10px;}



label, input, button, select, textarea {
    font-size: 12px;
    font-weight: normal;
}
*, :after, :before {
    box-sizing: border-box;
}



table{margin-top:50px;}

    
    
    


.grid {
  background: #000;
    margin-right:-15px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width:  calc(25% - 15px);
margin:0 15px 0 0; 
}

.grid-item {
  float: left;
  position:relative;
    transition: opacity 3s;
 opacity:1;
    margin-bottom:15px;
}


.grid-item img {
  display: block;
  width: 100% ;
height:auto;
    margin:0;  
}

.grid-item a.over{position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 20px;
background: rgba(0, 0, 0, .4);
opacity: 0;
-webkit-transition: opacity .3s, visibility .3s;
transition: opacity .3s, visibility .3s;
border:1px solid #fff;}

.grid-item:hover a.over{opacity:1;}


.grid-item a.over .link{position: absolute; bottom:20px; left:20px}

.gallopen{ position:absolute;
    display: block;
    right:10px; bottom:10px;
    width: 32px;
    height: 32px;
    background: url(../images/rs-default.png) 0 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px;
}
.gallopen:hover {
    background-color: rgba(0, 0, 0, .9);
}
.gallopen {
    background-position: -32px 0;
}



@media(max-width:1345px){  .main-holder.flush{margin-top:84px}}

@media(max-width:920px){
 .grid-sizer,
.grid-item {
  width:  calc(33.3% - 15px);

}   
}

@media(max-width:650px){
 .grid-sizer,
.grid-item {
  width:  calc(50% - 15px);

}   
}



.topimg {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.section.text-center {
  color: #fff;
  padding: 40px 0 20px 0;
  font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
  line-height: 32px;
  font-size: 36px;
  height: auto;
  font-weight: normal;
}
.introtext.text-center {
  width: 90%;
  max-width: 950px;
  margin: 15px auto 50px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
.row::after {
  clear: both;
  content: " ";
  display: table;
}
.colcontent.intro {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.text-center {
  text-align: center;
}
.row{position: relative}
.pagetitle{position: absolute;width:90%;bottom:0;left:50%;transform: translateX(-50%);padding-bottom:100px;}
.pagetitle h1{
color: #fff;
    font-size: 57px;
    letter-spacing: 2px;
    font-weight: 700;
    line-height: 68px;
    font-family: 'BenchNine',sans-serif;
text-transform: uppercase;text-align:center;
 text-shadow: 3px 3px 10px #000;
display:none;}


      .next-section {
    display: block;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    z-index: 6;
    padding: 4px;
    font-size: 18px;
    color: #fff;
    font-family: 'BenchNine',sans-serif;
    text-align: center;
    letter-spacing: 1px;
}
      .next-section i.fa {
    letter-spacing: 0;
    font-size: 2em;
    display: block;
    height: 40px;
    width: 92px;
    line-height: 35px;
    background: url(../images/arrows.png) no-repeat;
    background-size: cover;
    z-index: 30;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    color: #fff;
    margin: 10px auto 0;
}

.rest-title{border-top:1px solid #fff; text-align:center; padding:40px 0 30px;margin-top:50px;font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
  line-height: 32px;
  font-size: 24px;}

.grid{padding-bottom:50px}

.banner-block {
  height: calc(100vh - 91px);
  position: relative;
}
.bg-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-image img {
  visibility: hidden;
}

  @media (min-width: 768px){
.colcontent .col-sm-6 {
  width: 50%;
  float: left;
}

.colcontent .col-sm-6:first-child, .about-vid .col:first-child {
  padding-right: 2.5%;
  padding-left: 0;
      }}
@media(max-width:920px){
    .pagetitle h1{
        font-size: 40px;
        line-height: 45px;}
}

@media(max-width:650px){
    .pagetitle h1{
        font-size: 30px;
        line-height: 35px;}
}


.container.wide{max-width:95%;max-width:none}


.gallintro{padding:20px 0 50px;}

body.gall-active{overflow:hidden}
.gall-over{position: fixed;
z-index: 999999;
background: #000;
background: rgba(0,0,0,.9);
top: 0;
right: 0;
bottom: 0;
left: 0;}

.gall-over .prev, .gall-over .next{
 position: absolute;
top: 50%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -23px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #fff;
text-decoration: none;
text-shadow: 0 0 2px #000;
text-align: center;
background: #222;
background: rgba(0,0,0,.5);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 3px solid #fff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: .5;
cursor: pointer;   
}

.gall-over .next{
  left: auto;
  right: 15px;
}

.gall-over .prev:hover, .gall-over .next:hover{
 color: #fff;
opacity: 1;   
}

.gall-over .close{
 padding: 15px;
right: 15px;
left: auto;
margin: -15px;
font-size: 30px;
text-decoration: none;
cursor: pointer; 
    position: absolute;
top: 20px;
}
.gall-over .slide{
 position: relative;
float: left;
height: 100%;
text-align: center;   
    width:100%;
}
.gall-over .slide img{
 margin: auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
opacity: 1;   
}

.image-half{display:flex;margin-bottom:100px;}
.image-half .text-block{width:50%;  background: #515255;padding:100px;font-size:16px;line-height:1.8;}
.image-half .image-grid{width:50%;display:flex;flex-wrap: wrap}
.image-half .image-grid .item{width:33.333%;background-size: cover;background-position: center;min-height:230px;}

.featrow .item{padding:50px 0;}
.featrow .item .img{margin:0}
.featrow .item .textblock{font-size:16px;line-height:1.8;background: #27272b;padding:20px;}
.image-half .text-block h2, .featrow .item h2, .panel-row .text-block h2{font-size:30px}

.featrow.wide .item.left .textblock{margin-right:2.5%}
.featrow.wide .item.right .textblock{margin-left:2.5%}

.panel-row{display:grid; grid-template-columns: repeat(2, 1fr);grid-gap: 40px;}
.panel-row.item{margin-top:80px}
.panel-row .image{z-index:4;position: relative;padding-bottom:55%;background-size: cover;background-position: center;}
.panel-row .text-block{background: #27272b;padding: 5rem 4rem;
    margin: -8.5rem 2.5rem 2.5rem;z-index:5;position: relative;font-size:16px;line-height:1.8}

.extra-info{width:60%;margin-left:40%;}
.extra-info h2{font-size:26px;margin:0;line-height:50px;}
.more{border-bottom:1px solid #fff; padding:8px 0;cursor: pointer;}
.more:before{content:"+";font-size:50px;float:right;color:#fff;line-height:40px;height:40px;}
.more.active:before{content:"-";}

.reveal{display:none;font-size:16px;line-height:1.8;padding-top:10px;padding-bottom:50px;}

.quote-block{text-align:center;padding:50px;background: #515255;  font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;}
.quote-text{max-width:80%;display:block;margin:0 auto;    margin-bottom: 1rem;line-height:1.4;font-size:30px;}
.quote-name{font-size: 25px;font-style:italic;}
.rest-title{border-top:0}

.grid.fadeout:after{content:"";position: absolute;bottom:60px;left:0;right:0; background: linear-gradient(to bottom, transparent 0%, black 90%);height:350px;}
.grid.fadeout .btn{position: absolute;font-size:20px;z-index:5;bottom:190px;color:#fff;background:#666; padding:5px 20px;border-radius:3px;left:50%;transform: translate(-50%, 0);}

@media(max-width:1400px){
    .featrow .item .textblock{width:50%} 
    .image-half{flex-direction: column}
    .image-half .text-block,
    .image-half .image-grid{width:100%}
    .image-half .image-grid .item{min-height:160px}
    .image-half .text-block{padding:50px}
}

@media(max-width:1200px){
    .panel-row .text-block{margin:0} 
}

@media(max-width:950px){
    .featrow .item .textblock{width:60%}  
    .extra-info{margin:0;width:100%}
    .reveal{text-align:center;}
    .quote-text{font-size:28px}
    .quote-name{font-size: 20px;}
    .quote-block{padding:40px 20px}
    .extra-info{padding:20px}
    
}

@media(max-width:650px){
    .featrow .item .textblock{width:100%}  
    .image-half .image-grid .item{min-height:100px}
    .panel-row{grid-template-columns: repeat(1, 1fr);}
    .quote-text{font-size:20px}
    .quote-name{font-size: 16px;}
    .image-half .text-block, .panel-row .text-block{padding:30px}
    .featrow.wide .item.right .textblock{margin-left:0;}
}

@keyframes bg {
    0% {
        background-size:    0 1px,
                            1px 0,
                            0 1px,
                            1px 0;
    }
    25% {
        background-size:    100% 1px,
                            1px 0,
                            0 1px,
                            1px 0;
    }
    50% {
        background-size:    100% 1px,
                            1px 100%,
                            0 1px,
                            1px 0;
    }
    75% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 0;
    }
    100% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 100%;
    }
}

.box-border {

    margin: 0;
    padding: 40px;
    
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%),
                        linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%);
    background-size:    100% 1px,
                        1px 100%,
                        100% 1px,
                        1px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    animation: bg 1.25s cubic-bezier(0.19, 1, 0.22, 1) 1;
    animation-play-state: paused;
}

.box-border.animate {
    animation-play-state: running;
}

body{overflow-x:hidden}
  .parallax {
 position: fixed;
      margin-top:90px;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(100vh - 90px);
  width: 100%;
      overflow: hidden
  }

  .parallax__layer {
    position: absolute;
      top:0;
  z-index: 1;
      height: calc(100vh - 90px);width:100%;background-size: cover;background-position: center center;overflow-y: hidden

  }
.paralcontent{background:#000;z-index:2;position: relative;margin-top:100vh}



.section.text-left {
  color: #fff;
  padding: 50px 0 20px 0;
  font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
  line-height: 32px;
  font-size: 36px;
  height: auto;
  font-weight: normal;
}
.introtext.text-left {
  margin: 15px auto 50px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}

.intro-reveals{padding:50px;width:60%;margin-left:40%}
.wide .row .col{display:inline-block;}
.wide .row .col:first-child{width:60%;padding-right:4%;}
.wide .row .col:last-child{width:40%}

.wide .row .col .extra-info{margin-top:40px}

.extra-info.wide{width:100%;margin:0;}
.panel-row .extra-info{}

.btn.line{background:none;border:1px solid #fff;z-index:10;font-size:18px;padding:4px 20px;margin:10px 0;}

.featrow .item .textblock::after {display:none}
.featrow.wide .item{margin:35px 0;}

.subtitle h2{
 color: #fff;
padding: 50px 0 20px 0;
font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
line-height: 32px;
font-size: 36px;
height: auto;
font-weight: normal;   
}
.subtitle.centre{text-align:center}
.image-panels{padding-top:40px}
.image-panels .row{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap: 40px;}

.image-panels a.item .over-text{font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
font-weight: normal;font-size: 26px;color:#fff;
margin: 0; z-index:5;position:absolute;left:50%;top:50%; transform: translate(-50%, -50%);
line-height: 50px;}
.image-panels .pic:after {
    position: absolute;
    z-index: 2;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    opacity: .3;}

.image-panels a.item  {
    width: auto;
    height: 400px;
    border: 1px solid #000000;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.image-panels .pic {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
}

@media(max-width:650px){
    .image-panels .row{grid-template-columns: repeat(1, 1fr);grid-gap:0;}   
}


.search-filter.inline .container{max-width:100%;width:95%}
.search-filter.grey .container{max-width:100%;width:95%}
.search-filter.inline h2,.search-filter.grey h2 {
  color: #000;
    margin:0 0 5px 10px;
  text-transform: uppercase;
    font: 700 22px/1.2 "BenchNine", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.search-filter.grey h2{color:#fff}
.search-filter.grey{background:rgba(50,50,50,1);;color:#fff;}
.search-filter.grey ul.search-models li{color:#fff}
.search-filter.grey ul.search-models li.active{background:#666}



/*  NEW SUB PAGE STYLES   */

.container.mid{width:90%;max-width:100%}
.image-text{display:flex;justify-content: space-between}
.imgcol{width:28%;padding-bottom:30px;}
.imgcol img{margin:21px 0 40px}
.textcol{width:66%;font-size: 16px;
line-height: 28px;
font-weight: 400;padding-bottom:30px;}
.textcol h2{margin-top:50px}
.textcol.colcontent{column-count: 2;column-gap: 50px;width:100%;}
.container.line{border-top:1px solid #fff;padding-top:80px;}
.greybg{background: #27272b;padding-top:80px;margin-top:40px;}
.imggrid{display:grid;padding:0 0 100px;grid-template-columns: repeat(4, 1fr);grid-gap:30px;}

.imggrid img{height:100%;width:100%;object-fit: cover;}
.imgrow{display:grid;padding:0 0 80px;grid-template-columns: repeat(3, 1fr);grid-gap:30px;}
.imgrow.lines{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:60px 0;}

.image-half.space{margin-top:30px;}
.feature{text-align:center;  font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#fff; font-size:28px;border-top:1px solid #fff;border-bottom:1px solid #fff;margin:30px 0 100px;padding:50px;}
.feature.grey{background: #27272b;border:0;padding:20px;}
.feature p{max-width:1200px;margin:10px auto}
.colcontent.texts{font-size: 16px;
line-height: 28px;
    font-weight: 400;padding-bottom:80px}
.colcontent.texts h2 {
  font-size: 26px;
    padding-bottom: 15px;}
.colcontent.texts img{object-fit: cover;height:420px;width:100%;margin-bottom:30px}

@media(max-width:920px){
    .imggrid{grid-template-columns: repeat(3, 1fr);grid-gap:20px;padding:0px 20px}
    .textcol.colcontent{column-count: 1;}
        .imgrow{grid-gap:20px;padding-bottom:0px}
    .greybg{padding-top:50px}
}

@media(max-width:767px){
    .imggrid{grid-template-columns: repeat(2, 1fr);}
    .imgrow{grid-gap:20px}
    .image-text{flex-direction:column}
    .imgcol,.textcol{width:100%;}
    .imgcol img{margin:10px 0;}
}


@media(max-width:650px){
    .imggrid{grid-template-columns: repeat(1, 1fr);}   
}

.featrow.item.textblock{font-size:16px;line-height:1.8;background: #27272b;padding:20px;max-width: 38.25rem;}
@media(max-width:650px){.featrow.item.textblock{width:100%;max-width:100%;}}

/*  New car details styles for contacts/socials  */

@media(max-width:600px){
    /* .main-holder.flush {margin-top: 134px;} */
}


.gallery-v2 .car-form-holder .aside-contact{padding:20px 0;}
.aside-contact a.btn{width:100%;border-radius:8px;font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:20px;text-align: left;padding:12px 0 12px 44px;margin-bottom:10px;}
.aside-contact a.btn:last-child{margin:0}
.aside-contact a.btn.call{background:url(../images/call-icon.png) no-repeat 8px center #575757;}
.aside-contact a.btn.wa{background:url(../images/wa-icon.png) no-repeat 8px center #00d954;}
.aside-contact a.btn.email{background:url(../images/email-icon.png) no-repeat 8px center #9d9d9d;}
.aside-contact a.btn.enquire{background:url(../images/enq-icon.png) no-repeat 8px center #00624b;}
.aside-contact .col, .car-social .col{display:inline-block;vertical-align: top;float:none;margin:0;padding:0;text-align:left;font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:16px;color:#ccc;line-height:18px;}
.aside-contact .col:first-child{font-size:19px;}
.aside-contact .col:first-child, .car-social .col:first-child{width:100px;}
.aside-contact .col:last-child, .car-social .col:last-child{width:calc(100% - 104px);border-left:1px solid #666;padding-left:12px;}
.car-form-holder .exp{position: absolute;/*bottom:25px;*/bottom:100px;left:25px;/*right:0;*/right:25px;}
.car-form-holder .want{position: absolute;bottom:25px;left:25px;right:25px;}
.car-social{position: absolute;/*bottom:85px;*/bottom:170px;left:25px;right:0;padding-bottom:20px;}
.car-social a{margin:15px 8px 10px 5px;display:inline-block;}
.car-social a img{height:23px;width:auto}
.car-social .col{vertical-align: middle}
.car-social #share_buttons{display:inline-block;vertical-align: top; width:85px;margin:0 0 0 2px;border-left:1px solid #666;padding-left:15px;float:none;}
.car-social #share_buttons svg{width:15px;height:15px}
.car-social .share-button{background:#575757;color:#fff;border:0;padding:5px 6px;border-radius:5px;font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:0;font-size:17px;height:32px;margin:10px 0;}
.gallery-v2 .car-form-holder .form-info.price{padding-top:0px}


.modal.xp {
  width:98%;
  max-width: 550px;
  margin-left: -275px;
    text-align:left;
}
.modal.xp  input{width:100%}
.modal.xp label {
  font-size: 13px;
  color: #fff;
  font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;;
}
.indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%;
}
.modal.xp .asterisk {
  color: #e85c41;
  font-size: 150%;
  font-weight: normal;
  position: relative;
  top: 5px;
}
.modal.xp  .button{margin-top:20px}

@media(max-width:1000px){
    .modal.xp{max-width:98%;margin-left: 0;left:1%;right:1%;position: fixed;}   
}

@media(max-width:899px){
    .car-social,.car-form-holder .exp, .car-form-holder .want{position: relative;bottom:auto;left:0;}
    .car-form-holder .exp{display:inline-block;margin:10px 0 10px}
    .car-form-holder .want{margin:0 0 20px}
}
@media(max-width:443px){
    .aside-contact .col, .car-social .col{display:block;width:100%!important;border:0!important;padding:0!important;margin:10px 0;}
}

.container.wide.padd{padding-top:20px}

/*    NEW ENGINOLOGY LANDING PAGE STYLES    */

.image-half .text-block{padding:80px 100px}
.featrow .item .textblock.wide{max-width: 58.25rem;}
.image-half .image-grid .item{position: relative}
.image-half .image-grid .item span{position: absolute;bottom:0;left:0;right:0;background:rgba(39,39,43,0.9);padding:8px 15px;color:#fff;font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:18px;}
.image-half .image-grid .item:hover span{color:#999}
.image-half .text-block a.btn.grey{background:#27272b;font-size:20px;padding:5px 15px;margin:30px auto 0;display:block;width:250px;}
.panel-row .text-block a.btn.grey{font-size:20px;padding:5px 15px;display:block;width:250px;margin:40px auto 0;}
.pagetitle h1 span{background:rgba(39,39,43,0.7);padding:5px 15px}

.banner-block.comp-slide{overflow: hidden;max-height:calc(100vh - 91px);height:auto}







.slider-wrapper {
  width: 100%;

  position: relative;
}

.slider-wrapper:hover { cursor: pointer; }

.comparison-slider {

}



.after-wrapper, .after-image {

}










@media(min-width:768px){
    
    .slider-wrapper{  height: 100vh;}
    
    .handle{display:none}

    .after-wrapper {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
        border-left:3px solid #fff;
    }
    .before-wrapper {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      position: relative;
      background: url("../images/enginology-slide1.jpg") no-repeat center center #111111;
      background-size: cover;

    }
    
    .before-wrapper img{display:none}

    .before-wrapper:before {
      display: block;
      content: '';
      width: 100%;
      height:100%;

    }
    
    .after-image {
  display: block;
  width: auto;
  height: 100%;
  position: relative;
-webkit-transform: translateX(-50%);
61
  transform: translateX(-50%);

  background: url("../images/enginology-slide2.jpg") no-repeat center center #efefef;
  background-size: cover;



}


}

@media(max-width:767px){
    
    .after-image {display:none}
    
 .before-wrapper {
  position: relative;
  overflow: hidden;
}


.before-wrapper img {
  width: 100%;
  display: block;
  max-width:none;
}

.after-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

    
.handle {

  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  background: #fff;
  cursor: ew-resize;
}

.handle:after {

  position: absolute;
  top: 35%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  content: 'SLIDE';
    font: 400 14px/90px "BenchNine";
  color: #fff;

  // font-weight:bold;

  text-align: center;
background:url(../images/slider-arr.png) no-repeat center;
   background-color: rgba(39, 39, 43, .7);
background-size:60px;


  border-radius: 50%;
  transition: all 0.3s ease;
    padding:5px;
  
 
}
.handle span{ top: 35%; z-index:3; margin: -40px 0 0 -40px; border-radius: 50%;position: absolute;width: 80px;
  height:80px; border: 2px solid #fff;display:block;}

.draggable:after {

}
    
}
.image-half{margin-bottom:50px}

@media (max-width: 920px){
.banner-block.comp-slide .next-section{display:none;}
  .banner-block.comp-slide .pagetitle{padding-bottom:60px;width:96%;}
    .image-half .text-block{padding:60px;}
    .image-half .image-grid a.item{width:50%;min-height:180px}
    .image-half{margin-bottom:50px}
    .panel-row .item{margin-top:30px}

}


@media (max-width: 600px){
    .panel-row .item{margin-top:0}
    .image-half{margin-bottom:0px}
       .banner-block.comp-slide .pagetitle{padding-bottom:20px}
   .banner-block.comp-slide .pagetitle h1{font-size:22px;}
   
    .image-half .text-block{padding:30px}
    .image-half .image-grid a.item{width:100%;min-height:220px}
    .ba-container {
        width: 120%;margin:0 -10%;}
    .featrow.wide .item{margin:0;padding:0;}
    .featrow{padding:0;}
    .panel-row{grid-gap: 0}
}

#offerrow{width: 95%;
  max-width: 1500px;
  margin-right: auto;
  margin-left: auto;}
#servhead .item{padding-bottom:39%}
.serv .pagetitle{bottom:100px;padding-bottom: 130px; z-index:3;}
.serv .featrow .item .textblock{max-width:100%}
.serv .panel-row .item .btns{padding:24px 0 30px;text-align:center}
.serv .panel-row .item a.btn{font-size:22px;padding:5px 25px;background:#515256;}
.tab-btns a.btn{font-size:24px;width:390px;background:#515256}
.serv .contact-band {
    text-align: center;
    padding: 30px 10px 20px;
    margin: 50px 0 80px;
    background: #27262b;
}
.serv .contact-band h2{padding-bottom:10px;font-size:32px;}
.contact-band a.btn{width:340px;border-radius:8px;font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:22px;text-align: left;padding:5px 10px;margin:0 20px 20px;text-align:center;}
.contact-band a.btn.call{background:#575757;}
.contact-band a.btn.wa{background:#00d954;}
.contact-band a.btn.email{background:#9d9d9d;}
.contact-band a.btn span{display: inline-block;padding-left:35px}
.contact-band a.btn.call span{background:url(../images/call-icon.png) no-repeat 0px center;}
.contact-band a.btn.wa span{background:url(../images/wa-icon.png) no-repeat 0px center;}
.contact-band a.btn.email span{background:url(../images/email-icon.png) no-repeat 0px center;}
.serv .owl-nav{display:block}
.outer{margin-bottom:80px}

#servhead.owl-theme .owl-next, #servhead.owl-theme .owl-prev{background:none;width:39px;height:84px;cursor: pointer}
#servhead.owl-theme .owl-next{background:url(../images/serv-right.png);right:30px;}
#servhead.owl-theme .owl-prev{background:url(../images/serv-left.png);left:30px;}
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev{position: absolute;height:90px;width:20px;background:url(../images/micro-nav.png) no-repeat -5px center;background-color:rgba(0,0,0,0.5);top:2px;border:0;cursor: pointer;}
#thumbs.owl-theme .owl-next{right:0;background-position: -47px center;}


@media(min-width:1301px){#servhead .item{padding-bottom:35%;}}
@media(max-width:1300px){#servhead .item {padding-bottom:45%;}.serv .pagetitle{bottom:90px;}}
@media(max-width:1024px){#servhead .item{padding-bottom:50%;}.serv .pagetitle{bottom:40px;padding-bottom:120px;}#thumbs .item{height:70px;}}
@media(max-width:600px){#servhead .item{padding-bottom:70%;}.serv .pagetitle h1{font-size:26px;line-height:30px;letter-spacing: 0}.serv .next-section i.fa{display:none}.serv .pagetitle{padding-bottom:80px}}
.offerrow {
    width: calc(95% - 5rem);
    margin: 40px auto 20px;
}

/*    NEW CAR DETAILS STYLES - Dec 2023    */
.container.maxwidth{max-width:100%;width:100%;}
.main-holder.cardets{padding: 10px 0 20px;}


/*    SELL FIND STYLES - Dec 2023    */
.finder a.btn{text-decoration: none}
.sell-form a.btn {
  font-size: 17px;
    padding: 5px 30px;}
.finder h2{font-size:22px}
#form.sell-form{background: #2a2828;padding: 40px 50px 40px;}
@media(min-width:768px){
    .sell-form{display:flex;justify-content: center}
    .sell-form .col-sm-6 {max-width:600px} 
    .finder input[type="text"]{width:455px;}
}

/* T&Cs SECTION UPDATES, TABS, RIGHT COL   */

#overview{display: inline-block;}
.rightinfo{float:right; width:29%;vertical-align: top;padding:20px 0 50px;}
.rightinfo #share_buttons{margin-top:30px}
.search-filter.tabs{margin-bottom:50px}
.search-filter.tabs ul{border:0;margin:0;padding:0}
.search-filter.tabs ul a{color:#000}
.search-filter.tabs ul li.active a{color:#fff;transform: skewX(35deg);}


@media(max-width:920px){
   #overview,
    .rightinfo {display:block;width:100%;float:none}
}

/* Transport page   */
.tsport .pagetitle{padding-bottom:110px}
.tsport .featrow .item .textblock{max-width:50rem}

/* History page   */
.history .pagetitle{padding-bottom:90px}
.history .featrow .item .textblock{max-width:68rem;width: 42%;}
.history .introtext.text-center{max-width:875px}
.history .next-section{bottom:35px}
.history .pagetitle h1{
    font-size: 58px;
    line-height:70px;
}
.pagetitle h2, .pagetitle p{
color: #fff;
   
    font-weight: 700;
   
    font-family: 'BenchNine',sans-serif;
text-transform: uppercase;text-align:center;
 text-shadow: 3px 3px 8px #000;
display:none;}

.pagetitle h2{ font-size: 39px;
    letter-spacing: 2px;
    line-height: 52px;}

.pagetitle p{ font-size: 23px;
    letter-spacing: 1.5px;
    line-height: 30px;
max-width:775px;margin:10px auto}

@media (max-width: 950px) {
  .history .featrow .item .textblock {
    width: 60%;
  }
}
@media (max-width: 650px) {
  .history .featrow .item .textblock {
    width: 100%;
    max-width: 100%;
  }
}

/*   MEET THE TEAM SECTION SPECIFIC    */

.team-links,
.team-section{
 display:flex; 
 justify-content: center;
flex-wrap: wrap;
}
.team-anchor{
    margin-top:-100px;
    height:100px;
    z-index:-1;
    position: relative
}
.team-links{padding-bottom:60px}
.team-links a{
    width:355px;
    height:50px;
    line-height:50px;
    color:#fff;
    background:#515255;
    font-size:20px;
    text-align:center;
    text-transform: uppercase;
    margin:12px 17px;
}
.team-row{
    text-align:center;
    padding:25px 0;
    position: relative
}
.team-row.grey{background:#27272b;margin-bottom:10px;}
.team-row h2{font-size:38px;padding:26px 0 15px;}
.team-section .team-item{
    position: relative;
    margin:22px 39px;
    width:315px;
    text-align:left;
}
.team-section .team-image{
    width:315px;
    height:313px;
    overflow:hidden;
   
    border:4px solid #515255; 
}
.team-section img{
     object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
  
}
.team-section .team-box{
    background:#515255;
    padding:10px 20px;
}
.team-section .team-name, .team-section .team-position{
    font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    color:#fff;
    display:block;
}
.team-section .team-name{font-size:26px;line-height:28px;}
.team-section .team-position{font-size: 18px}
.team-section .team-more{
    text-align:right;   
}
.team-section .team-more .team-open{
    display: inline-block;
     font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    color:#fff;
    font-size:18px;
    background:#3c3c3b;
    padding:10px 20px 6px;
    cursor: pointer;
    transform: skewX(-30deg);
    margin:0 12px 0 0;
}
.team-section .team-more .team-open span{
    display: inline-block;
    vertical-align: middle;
    transform: skewX(30deg);
}
.team-section .team-more .team-open span:before{
    content:"More";
    display:inline-block;
    vertical-align: middle;
}
.team-section .team-more .team-open.active span:before{
    content:"Close"
}
.team-section .team-more .team-open span:after{
    content:url(../images/team-plus.png);  
    margin:0 0 0 10px;
    display:inline-block;
    vertical-align:middle;
}

.team-section .team-more .team-open.active {
 background:#515255;   
}
.team-section .team-more .team-open.active span:after{
    content:url(../images/team-minus.png);
    height:3px;
}
.team-section .team-details{
    position:absolute;
    padding:30px;
    background:#515255;
    width:calc(200% + 60px);
    max-width:684px;
    top: 100%;        
    right:25px;
    display:none;
    margin-top:-1px;
    z-index:3;
    text-align:left;
}
.team-section .team-details span{
    border:1px solid #fff;
    display:block;
    padding:15px 22px;
}
.team-section .team-details h2{font-size:26px;padding:0;}
.team-section .team-details p{font-size:15px;line-height:24px;}

@media(max-width:767px){
    .team-section .team-item{width:90%;text-align: center}
    .team-section .team-box, .team-section .team-more{width:315px;margin:0 auto;}
    .team-section .team-image{margin:0 auto;}
    .team-section .team-details{position: relative;top:0;right:0;width:100%;}
}

/*    FINANCE BUTTON UPDATE   */

@media(max-width:485px){
 .content-heading .button-hold .button{
     font-size: 14px!important;
     padding: 5px 12px!important;
     min-width: 0!important;
    }
}

/*   FACILITIES SECTION    */




.fac-plan{background-size: cover;padding-bottom:67%;}
.fac-over{width:100%; position:relative;display:none;}

.fac-item{text-align:left;}
.fac-opener{position: relative;display:block;background:#3c3c3b;color:#fff;font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;font-size:27px;padding:3px 10px;margin:5px 0;}
.fac-opener:after{content:url(../images/fac-arr.png);position: absolute;right:12px;top:11px;width:26px;height:26px;text-align:center}
.fac-opener.active{background:#006a52}
.fac-opener.active:after{transform: rotate(90deg);}
.fac-reveal{background:#000;margin:10px 0;box-sizing: border-box;display:none;}
.fac-reveal h2{font-size:24px;}
.fac-reveal p{font-size:14px;line-height:22px;}
.fac-reveal img{width:100%;height:auto;margin-bottom:20px}
.fac-close{float:right;width:30px;height:28px;background:url(../images/fac-cls.png) no-repeat center center #006a52;cursor: pointer;}
.fac-icon-bg{fill:#006A52;}
.fac-icon{fill:#FFFFFF;}
.fac-btn{cursor: pointer;}
.fac-btn:hover .fac-icon-bg{fill:#777}


@media(min-width:849px){
    .facilities h1{color: #fff;
  font-size: 48px;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 60px;
  font-family: 'BenchNine',sans-serif;
  text-transform: uppercase;position:absolute; 
    top:20px;left:40px;width:30%;}
    .fac-plan{background-image:url(../images/fac-plan-large.jpg); padding-bottom:0;max-width:1500px; margin:0 auto;}
    .fac-over{display:block;}
    .fac-opener{display:none}
    .fac-reveal{display:block;padding:25px;border:3px solid #fff;overflow: hidden}
    .fac-intro{position: absolute; right:40px;bottom:50px;width:65%;background:#006a52;padding:20px;font-size:16px;line-height:24px;}
    .fac-instruct{position: absolute;top:80px;left:40px;width:30%;font-size:15px;line-height:20px;}
    .fac-item{position: fixed;top:53%;left:50%;transform: translate(-50%, -50%);display:block;max-width:700px;display:none;}
    .fac-close{display:block;}
    .facilities .container.wide{width:100%;background:#2e2d2c}
}
@media(min-width:970px){
    .fac-intro{width:48%;}
    .facilities h1{  font-size: 50px;top:30px;left:60px;width:30%;}
    .fac-instruct{top:100px;left:60px;width:30%;font-size:17px;line-height:22px;}
}
@media(min-width:1500px){
    .fac-intro{font-size:18px;line-height:31px;right:90px;bottom:130px;width:40%;}
    .facilities h1{  font-size: 60px;top:80px;left:80px;width:30%;}
    .fac-instruct{top:150px;left:80px;width:30%;font-size:18px;line-height:24px;}
}
@media(max-width:850px){
    .main-holder.flush.facilities{padding-top:40px}
     .facilities .container.wide{max-width:94%}
    .fac-plan{background-image:url(../images/fac-plan-small.jpg);}
    .fac-instruct{background:#006a52;padding:12px 50px;text-align:center;color:#fff;font-size:20px;line-height:24px;margin:15px 0;}
    .fac-reveal{border:1px solid #fff;padding:15px;}
    .fac-close{display:none}
    .fac-intro{width: 100%;
  max-width: 950px;
  margin: 15px auto 30px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;}
   
}

/*    TESTIMONIAL ANIMATIONS   */


.gall-slide{
    background: #2e2d2c;
    padding:45px 20px 50px;
    text-align:center;
    overflow:hidden;
}
.gall-slide h1{
    color: #fff;
    font-size: 60px;
    letter-spacing: 2px;
    font-weight: 700;
    line-height: 60px;
    margin:0 20px 6px;
    font-family: 'BenchNine',sans-serif;
    text-transform: uppercase;
}
.gall-head{display:flex;justify-content: center}
.gall-slide .intro-side{
    font-size: 18px;
    line-height: 28px; 
    max-width:400px;
    text-align:left;
    margin:0 20px;
}
.gall-slide .test-btns{
    background:#000;
    padding:16px 20px 16px 12px;
    display:inline-block;
    margin:0 0 20px 0;
}
.gall-slide  .btn-hold{
    padding:8px 12px 8px 0;
    margin-right:20px;
    border-right:2px solid #fff; 
    display:inline-block;
      vertical-align: middle;
}
.gall-slide .counter{
    display:inline-block;
     height: 45px;
    background:#525156;
    padding:3px 8px;
    vertical-align: middle;
}
.gall-slide .num{
    color:#fff;
    background:#000;
    padding:10px;
    font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:24px;
    height:39px; 
    line-height:22px;
 display:inline-block;
      vertical-align: middle;}
.gall-slide img{
     display:inline-block;
      vertical-align: middle;
    margin:0 5px;
}
.next-test, .prev-test, .random-test{width: 206px;
  height: 45px;
  line-height: 46px;
  color: #fff;
  background: #525156;
   font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:25px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 10px 0;
  transition: all 0.2s ease-in-out 0s;
    display:inline-block;
      vertical-align: middle;
}



/* THREE   */

.test-flipthree  {
  display: grid;
    width: 100%;
  margin:13px auto 26px;
    max-width:774px;
    padding:50px 22px;
    background:url(../images/test-bg.png) no-repeat center;
    background-size:contain;
}
.test-flipthree > img {
  grid-area: 1/1;
  width: 100%;
  object-fit: contain;
z-index:1;
    max-width:730px;

}
.test-flipthree > img.bottom{z-index:-1}
.test-flipthree > img.prev-z{z-index:2;filter: drop-shadow(2px 2px 12px #666);}

.test-flipthree > img.active{
    z-index:3;
    filter: drop-shadow(2px 2px 12px #666);
}


.test-flipthree > img.animate{
   animation: slidethree 5s ;   
}

.test-flipthree > img.backanimate{
   animation: slideback 5s ;   
}

.test-flipthree > img.animaterandom{
   animation: sliderandom 5s ;   
}

@keyframes slidethree {
  0%     {transform: translate(0%, 0%) rotate(0deg);z-index: 4;}
  16.66% {transform: translate(105%, -10%) rotate(5deg);z-index: 4;}
  16.67% {transform: translate(105%, -10%) rotate(5deg);z-index: 1;} 
  33.34% {transform: translate(0%, 0%)  rotate(0deg) ;z-index: 1;}
  100% {transform: translate(0%, 0%)  rotate(0deg) ;z-index: 1;}
  
}

@keyframes slideback {
  0%     {transform: translate(0%, 0%) rotate(0deg);z-index: 0;}
  16.66% {transform: translate(105%, -10%) rotate(5deg);z-index: 0;}
  16.67% {transform: translate(105%, -10%) rotate(5deg);z-index: 4;} 
  33.34% {transform: translate(0%, 0%)  rotate(0deg) ;z-index: 4;}
  100% {transform: translate(0%, 0%)  rotate(0deg) ;z-index: 4;}
  
}

@keyframes sliderandom {
  0%     {transform: translate(0%, 0%) rotate(0deg);z-index: 1;}
  16.66% {transform: translate(105%, -10%) rotate(5deg);z-index: 1;}
  16.67% {transform: translate(105%, -10%) rotate(5deg);z-index: 4;} 
  33.34% {transform: translate(0%, 0%)  rotate(0deg) ;z-index: 4;}
  100% {transform: translate(0%, 0%)  rotate(0deg) ;z-index: 4;}
  
}




@media(max-width:990px){
    .gall-slide .num, .next-test, .prev-test, .random-test{
        font-size:20px;}
    .next-test, .prev-test, .random-test{
        width: 150px;
  height: 40px;
  line-height: 40px;
        margin: 0 5px 0;
    }
    .gall-slide .counter{height:40px;}
    .gall-slide .num{height:32px;line-height:14px;}
   
  .gall-slide img{height:100%;width:auto}
    .gall-head{flex-direction: column}
    .gall-slide .intro-side{text-align:center;max-width:100%;    font-size: 16px;
    line-height: 26px; }
    .test-flipthree{max-width:704px}
      .gall-slide .test-flipthree img {
      width: 100%;
      height: auto;
     }
}

@media(max-width:775px){
    .gall-slide .num, .next-test, .prev-test, .random-test{
        font-size:16px;}
    .next-test, .prev-test, .random-test{
        width: 100px;
  height: 36px;
  line-height: 36px;
        margin: 0 5px 0;
    }
    .gall-slide .counter{height:36px;}
    .gall-slide .num{height:30px;line-height:12px;}
    .gall-slide{padding:50px 20px}
    .gall-slide h1{font-size:50px}
}

@media(max-width:620px){
     .test-flipthree{margin:15px 0;}
     .gall-slide .btn-hold{padding: 0;margin: 0 0 10px;border:0;}
     .gall-slide .counter{margin-bottom:10px;}
     .gall-slide .test-btns{padding-bottom:6px}
   
    }



/*   PROJECT PAGES  */

.special .introtext, .special .introtext p{
    font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:28px;
    line-height:38px;
    max-width: 990px!important;
}
.special .contact-band{
    padding:50px 0 30px;
    background:#27272b}
.special .textcol{
 font-size:17px; 
    line-height:32px;  
}
.special .textcol h2{margin-top:0}
.special .textcol.colcontent p:first-child{margin-top:0}
.special .bluerow{
    padding:50px 0 10px;
    background:#0f2636}

.imageoverlay{position: relative}
.imageoverlay img{
    width:100%;
    height:auto;}
.imageoverlay .text-block{
 position: absolute;
    width:45%;
    top:90px;
    left:6%;
    padding:50px 50px 40px;
    background:#1a1a1a;
    font-size: 17px;
  line-height: 30px;
  font-weight: 400;
}
.special h2, .special .colcontent.texts h2, .special .section.text-center{
    line-height: 32px;
    font-size: 36px;}
.special .colcontent.texts img{height:auto}
.special .colcontent.texts{
    display:flex;
    font-size:17px; 
    line-height:32px; }
.special .textcol.colcontent{column-gap:110px;}
.fullimgrow{display:flex;align-content: space-between}
.fullimgrow.gaps{gap: 20px;}
.fullimgrow img{flex-grow: 1;flex-shrink: 1;min-width:0;}
.splitbox{  
    background:#1a1a1a;
    display:flex;
    margin:60px 0;
}
.splitbox.nospace{margin:0}
.splitbox img{
min-width:50%;
    height:100%;
}
.splitbox .text{
      padding:50px 55px 40px;
  font-size:17px; 
    line-height:30px;  
font-weight: 400;
    min-width:50%;
}
.bluebg{background:#0f2636}
.special .panel{padding:50px 50px 40px;
    background:#1a1a1a;
   font-size:17px; line-height:32px; }
.panels{
    display:flex;align-content: space-between;gap: 90px;margin:30px 0;
}
.panels .item{
     padding:50px 50px 40px;
    background:#1a1a1a;
   font-size:17px; line-height:32px; 
  font-weight: 400;
    width:50%;
}
.paddtop{padding-top:60px}
.paddbase{padding-bottom:60px}
.paddboth{padding:60px 0}
.paddsmall{padding-top:30px;}

.head-over{
    position: absolute;
    color: #fff;
 font-size: 94px;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 88px;
 font-family: 'BenchNine',sans-serif;
text-transform: uppercase;
 text-shadow: 3px 3px 10px #000;
    width:500px;
}
.head-over.left{left:3%;top:50px}
.head-over.right{right:1%;top:50px;width:550px;}
.head-over span{
    font-size: 55px; line-height: 68px;display:block;
}
@media(max-width:1200px){
   .special .textcol.colcontent{column-gap: 50px}
    .panels{gap:50px}  
    .imageoverlay .text-block{width:60%;top:50px}
}
@media(max-width:920px){
    .special h2, .special .colcontent.texts h2, .special .section.text-center{font-size:28px}
    .special .introtext, .special .introtext p{font-size:24px}
  
  .imageoverlay .text-block{position: relative;top:auto;left:auto;width:100%;} 
    
  .special .textcol, .panels .item, .special .panel, .special .colcontent.texts, .imageoverlay .text-block, .splitbox .text{font-size:16px;line-height:28px}
  
       .splitbox{flex-direction: column;margin:30px 0;}
    .splitbox.right{flex-direction: column-reverse}
    .splitbox img{
max-width:100%;
}
.splitbox .text, .special .panel, .panels .item{
      padding:30px;

    width:100%;
} 
    .head-over{font-size:70px;line-height:70px}  .head-over span{font-size:40px;line-height:42px}
    .history .pagetitle h1{font-size:45px;line-height:50px}
    .head-over.right{width:450px}
}
@media(max-width:767px){
    .special .colcontent.texts.right{flex-direction: column-reverse}
    .special .banner-block{
        height: calc(100vh - 134px);
    }
    .panels{flex-direction: column;margin:30px 0;}
    .panels{gap:30px}
    .splitbox img{
width:100%;
}

    .paddboth{padding:30px 0}
    .paddtop{padding-top:30px}
    .paddbase{padding-bottom:30px}
    .special h2, .special .colcontent.texts h2, .special .section.text-center{line-height: 28px;
    font-size: 24px;}
   
    .special .colcontent.texts{padding-bottom:0}
    .special .introtext, .special .introtext p{font-size:24px;line-height:28px;}
    .head-over{font-size:50px;line-height:50px}  .head-over span{font-size:30px;line-height:32px}
    .history .pagetitle h1{font-size:35px;line-height:40px}
    .head-over.left, .head-over.right{top:30px;left:4%;right:0;width:100%;}
    
}









/*   BODY SHOP PAGES    */
.img-half{display: grid; grid-template-columns: 1fr 1fr;margin-bottom:65px;}
.image-single{height:100%;}
.image-single img{object-fit: cover;width:100%;height:100%}
.img-half .text-block{padding: 50px 100px;
  background: #515255;
  font-size: 16px;
  line-height: 1.8;}
.imgcol-over{
    display:flex;
}
.imgcol-over h2{font-size:30px;}
.imgcol-over .item{
 width:50%;  
    position:relative;
    font-size: 16px;
  line-height: 1.5;
    background-size:cover;
    background-position: center;
    min-height:550px;
}

.imgcol-over .item .over{
margin-left:50%;
    height:100%;
    width:50%;
    background:rgba(81,82,85,0.8);
    padding:30px;
}

@media(max-width:1200px){
    .img-half .text-block {
    padding: 40px 50px;
}
    .imgcol-over .item{padding-top: 350px;}
        .imgcol-over .item .over{
margin-left:0;
    height:auto;
    width:100%;
        }
}
    
    @media(max-width:920px){
        .img-half{grid-template-columns: 1fr;
    }
        
    }
    
    @media(max-width:767px){
        .imgcol-over{flex-direction: column}
        .imgcol-over .item{width:100%;}
        .panel-row {
    grid-template-columns: repeat(1, 1fr);
}
    }


/*  MENU FIX STYLES  */

html.nav-active, body.nav-active{position:relative;height:100%;overflow:hidden!important; 
touch-action: none;
-ms-touch-action: none;
}

@media(max-width:650px){
 .pagetitle h2{
     font-size: 30px;
    letter-spacing: 1px;
    line-height: 32px;
    }
    .pagetitle p {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 24px;
    }
}


@media(max-width:350px){
    .contact-band a.btn{
    width:280px;
    }
    .contact-band a.btn{font-size:18px}
    .logo {
    width: 100px;
}
}

/*   NEW MEDIA SECTION    */

.new-media, .new-newsdetails{
 position: relative;
width:100%;
    margin-top:91px;
}
.new-newsdetails{
    background:#fff;
    padding:45px 0;
    color:#000;
}
.new-media .container, .new-newsdetails .container{
 max-width:1150px;   
}
.new-newshead{
    background:#fff;
    text-align:center;
    padding:35px 20px 10px;
    color:#000;

}
.new-mediahead{
    background:#000;
    text-align:center;
    padding:35px 20px 10px;
    color:#000;
}
.new-newshead h1{
    color:#000; 
    font-family: 'BenchNine',sans-serif;
    font-size:38px;
    font-weight:700;
    line-height:40px;
}
.new-mediahead h1{
    color:#fff; 
    font-family: 'BenchNine',sans-serif;
    font-size:38px;
    font-weight:700;
    line-height:40px;
    text-transform: uppercase;
    margin:0;
}
.new-newssubhead{font-size:16px}
.new-newsfeature{
    background:#000;
    padding:44px 20px;
}
.new-newsfeature .container{
    display:grid;
   grid-template-columns: repeat(2, 1fr);  
    grid-gap:40px;

}
.new-newsdetails .container{
    display:grid;
    grid-template-columns: 48% 48%;  
    grid-column-gap:4%;

    grid-template-rows: auto auto auto auto;


}
.new-newsimg{
grid-column: 1;
  grid-row: 1;
}
.news-imglist{
    grid-column: 1;
  grid-row: 2;
}
.new-newsbody {
  grid-column: 2;
  grid-row: 1 / 4;
}
.new-newsback{
    grid-column: 2;
    grid-row:4;
}

.new-newsfeature h2{
 font-family: 'BenchNine',sans-serif;
    font-size:38px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    line-height:45px;
    padding:25px 0 0;
        max-width:495px;
}
.new-newsfeature h2 a{color:#fff;text-decoration:none}
.new-newsfeature .new-newscat{
 border-bottom:1px solid #838383;
    display:block;
    font-family: "Arial","Helvetica Neue","Helvetica",sans-serif;
    font-size:16px;
    font-weight:bold;
    padding-bottom:10px;
  
}
.new-newsfeature .new-newsdate{
    color:#c6c6c5;
    font-weight:bold;
}
.new-newslist{
    background:#fff;
    padding:60px 20px;
}
.new-medialist{
    background:#000;
    padding:20px 20px 40px;
    position: relative
}
.new-medialist .container, .new-newslist .container{overflow:visible}



.new-newslist .item, .new-medialist .item{
    display:inline-block;
    position: relative;
    vertical-align: top;
    padding:20px;
    box-sizing: border-box
}

.new-medialist .slick-list, .new-newspage .slick-list{margin:0 -20px}
.new-medialist .item a{text-decoration: none}
.new-newslist .item .new-newscat{
 border-bottom:1px solid #a2a2a1;
    display:block;
    font-family: "Arial","Helvetica Neue","Helvetica",sans-serif;
    font-size:12px;
    font-weight:bold;
    padding:10px 0 8px;
      cursor: pointer;
    transition: all 0.3s ease-out;
}
.new-newslist .item .new-newscat:hover{opacity:0.5}
.new-newslist .item .new-newsdate{
    color:#000;
    font-size:12px;
    font-weight:bold;
}
.new-newstitle{
 min-height:60px;
    color:#000;
    text-decoration: none;
    font-size:16px;
    display:block;
    padding:10px 0;
}
.new-newstitle:hover{color:#000;text-decoration: underline;}
.new-videotitle{
    color:#fff;
    text-decoration: none;
    font-size:15px;
    display:block;
    padding:10px 0;
}
.new-videothumb, .new-newsthumb{width:100%;height:160px;overflow:hidden}
.new-pubthumb{width:100%;padding-bottom: 141.4%;overflow:hidden;background-size:cover;background-position: center;}
.new-videothumb img, .new-pubthumb img, .new-newsthumb img{
   object-fit: cover;
    width:100%;
    height:100%;
}
.new-pubtitle{
    color:#fff;
    text-decoration: none;
    font-size:13px;
    display:block;
    padding:10px 0;
    line-height:15px;
}
.new-medianav{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:30px;
    margin-bottom: 40px;
    cursor: pointer;
}
.new-medianav span{
    flex-basis:23%;
    padding:10px;
    background:#515255;
    color:#fff;
    text-transform: uppercase;
    font-size:14px;
    text-align:center;
}
.new-newsdetails h1{
 font-family: 'BenchNine',sans-serif;
    font-size:40px;
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
    line-height:46px;
    padding:25px 0 0;
        max-width:470px;
}

.new-newsdetails .new-newscat{
 border-bottom:1px solid #838383;
    display:block;
    font-family: "Arial","Helvetica Neue","Helvetica",sans-serif;
    font-size:16px;
    font-weight:bold;
    padding-bottom:10px;
    display:flex;
    justify-content: space-between;
}
.new-newsdetails .new-newsdate{color:#000}
.new-newsimg{
 margin-bottom:35px;
}

.news-imglist{
       display:grid;
    grid-gap:35px;
     grid-template-columns: repeat(2, 1fr);
    justify-items: stretch;
}
.news-imglist span{
    position: relative;
    overflow:hidden;
}

.new-newsimg span img{
    width:100%;
    height:auto;
}

.new-newsback{
    margin-top:20px;
    padding:20px 0;
    color:#000; 
    display:block;
    border-top:1px solid #000;
    font-weight:bold;
    text-decoration: none;
    font-size:16px;
}
.new-newsback:hover{color:#999}
.new-medialist .slick-prev, .new-medialist .slick-next, .new-newslist .slick-prev, .new-newslist .slick-next{
    position:absolute; top:50%; width:43px;height:88px;transform: translate(0, -50%);
    border:0;text-indent:-1000px;overflow:hidden; background:no-repeat transparent;
}

.new-medialist .slick-prev{left:-90px;background-image:url(../images/media-prev.png);}
.new-medialist .slick-next{right:-90px;background-image:url(../images/media-next.png);}

.new-newslist .slick-prev{left:-90px;background-image:url(../images/news-prev.png);}
.new-newslist .slick-next{right:-90px;background-image:url(../images/news-next.png);}

.news-toggle{
 text-align:right;color:#000;   
}

body{font-size:14px;     font-family: "Arial","Helvetica Neue","Helvetica",sans-serif;}
@media(max-width:1330px){
        .new-medialist .slick-prev{left:-50px;}
    .new-medialist .slick-next{right:-50px;}
    .new-newslist .slick-prev{left:-50px;}
    .new-newslist .slick-next{right:-50px;}
}

@media(max-width:1200px){
    .new-newspage, .new-videopage, .new-publicationpage{padding: 0 25px}
    .new-medialist .slick-prev, .new-medialist .slick-next, .new-newslist .slick-prev, .new-newslist .slick-next{
        width:28px; background-size:contain;   
    }
    .new-medialist .slick-prev{left:-25px;}
    .new-medialist .slick-next{right:-25px;}
    .new-newslist .slick-prev{left:-25px;}
    .new-newslist .slick-next{right:-25px;}
}
@media(max-width:920px){
  .new-medianav span{font-size:12px;line-height:15px;}
    .new-medianav{gap:20px} 
    .new-newslist .item, .new-medialist .item{padding:15px;}
        .new-media, .new-newsdetails{margin-top:110px}
}
@media(max-width:700px){
    .new-newsfeature .container, .new-newsdetails .container{grid-template-columns: repeat(1, 1fr);
    }
        .new-newsfeature h2, .new-newsdetails h1{font-size:28px;line-height:32px}
    .new-newshead h1{line-height:21px;}
    .new-medianav{flex-wrap:wrap}
    .new-medianav span{flex-basis: 40%}
    .new-medialist{padding-top:20px}
    .new-newsimg{grid-gap: 20px}
    .new-newsdetails .container{
    display:grid;
    grid-template-columns: repeat(1, 1fr);  
    grid-gap:40px;


}
.new-newsbody {
  grid-column: 1;
  grid-row: 2 / 3;
}
    .new-newsimg{margin:0}
    .news-imglist{grid-gap:20px}   

.news-imglist{
    grid-column: 1;
  grid-row: 3;
}
.new-newsback{
    grid-column: 1;
    grid-row:4;
}
 
}
@media(max-width:450px){
       .new-media, .new-newsdetails{margin-top:148px}
}

/*   UPGRADE PAGE CHANGES   */
.container.upgrades{padding:20px 0}
.upgrades .panel-row{padding:20px 0;grid-template-columns: repeat(3, 1fr);}

@media(max-width:920px){
   .upgrades .panel-row{grid-template-columns: repeat(2, 1fr);grid-gap: 20px;} 
    .wide .row .col:first-child, .wide .row .col:last-child{width:100%}
    .wide .row .col .extra-info{margin-top:0;padding:20px 0;}
    .introtext.text-left{margin-bottom:0}
}
/*   CLICKABLE PHONE NUMBERS   */

.inner-cols a.toptel{color:#000}
.inner-cols a.toptel:hover{color:#000;text-decoration: underline;}

/*   PRICE TABLE   */

.widget table{margin-top:10px;}

/*   HOMEPAGE CONTACT  */

.homepage .midform{
    text-align:left;
    margin: 0;;
}

.homepage .midform h2{font-family: "ZapfHumnst BT", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    margin: 0 0 .5em;
    color: inherit;
    line-height: 1.15;
color:#fff;
font-size:22px}

.homepage .midform label{
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    display:block;
    margin-bottom:5px;
    line-height:1.54;
}
.homepage .midform .btn{
    margin:0;
}
.homepage .midform .form-check {
    display: inline-block;
    vertical-align: top;
    color: #a3a4a4;
    font-size: 12px;
    position: relative;
    padding-left: 27px;
    margin: 10px 0;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.homepage .midform textarea{
    padding:3px;
    font-size: 12px;
    font-weight: normal;
}

.finance-note{
	background:#000;
	color:#fff;
	font: 13px / 20px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	padding:40px 0;
	}

	.finance-note em{
		color:#fff;
	}
.finance-note .container{
    width: 95%;
    max-width: 1600px;
    margin:0 auto;
}
.main-holder.db5-hold{
    min-height:0;
 
}

.db5-head{
min-height:700px;
    display:flex;

}

.db5-head-img{
width:52%;
height:auto;
z-index:0;
margin-bottom:-80px;
}


.db5-overlay{
    height:100%;
    width:48%;
    color:#fff;
    right:0;
    padding:30px 60px 30px 45px;
    text-align: center;
    bottom:0;
}



.db5-overlay .db5-intro{
    font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
font-size:20px;
padding:5px 0 0;
    text-align:center
}

.db5-overlay img{
    max-width:90%;
    width:100%;
    height:auto;
}

.db5-head .next-section{
    bottom:25px;
}

.db5-col{
    display:flex;
    background:#181818;
    margin:40px 0;
    position: relative;
}

.db5-col img{
    max-width:50%;
}

.db5-col .db5-text{
    padding:55px 50px;
    font-size:17px;
    line-height:32px;
}

.db5-col .db5-text p:nth-child(2){
    font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    font-size:22px;
}

.db5-col h2{
    font-size:45px;
}

.db5-quote{
    font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    font-size:24px;
    text-align:center;
    max-width:950px;
    margin:75px auto 30px;
}
.db5-form{
    background:#2b2728;
   }

    .db5-form,    .db5-form .form-check{
    font-size:16px;
    color:#c6c6c5;

}
.db5-form h2{
    font-size:32px;
    color:#fff;
}

.db5-form input[type=text], .db5-form textarea{
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    padding:10px 12px;
    height:auto;
}
.db5-form textarea{
    min-height:186px
}
.db5-form .input-wrap{
display:block;
}
.db5-form .rad{
    display:inline-block

}
.db5-form .rad label{
    display:inline-block;
    font-size:16px;
    color:#c6c6c5;
    margin:0;
    vertical-align: middle;
}
.db5-form .check-text{margin-right:60px;}
.db5-form .form-check{
    padding-left:40px;
}
.db5-form .form-check .form-box{
    width:24px;
    height:24px;
}
.db5-form .rad input{
width:24px;
height:24px;
border-radius:50%;
margin-right:5px;
margin-left:20px;
display: inline-block;
vertical-align: middle;
}

@media(max-width:1800px){
    .db5-overlay img{
        max-width:550px;
    }

    .db5-overlay .db5-intro{
    
        font-size:18px;
    }
    }

    @media(max-width:1700px){
        .db5-overlay .db5-intro{
    
            font-size:16px;
        }
    }
    @media(max-width:1250px){
        .db5-head{
            min-height:650px;
        }
        .db5-head-img{
            width:75%;
        }
    }

    @media(max-width:920px){
        .db5-head-img{
            width:100%;
            height:auto;
            z-index:0;
            margin-bottom:0;
            }
        .special .banner-block.db5-head{height:auto;}
        .db5-overlay .db5-intro{font-size: 18px;}
        .db5-head .next-section{
            display:none;
        }
        .db5-head{
            flex-direction: column;
            height:auto;
            min-height:0;
        }
        .db5-overlay{
            position: relative;
            height:auto;
            width:100%;
            padding:0 30px;
            background:none;
            margin-top:-50px;
        }
        .db5-overlay img{
            width:100%;
            height:auto;
            max-width:550px
        }
        .db5-col .db5-text p:nth-child(2){font-size:20px}
        .db5-col{
            flex-direction: column;
        }
        .db5-col img{
            max-width:100%;
        }
        .db5-col .db5-text{
            padding:30px
        }
        .db5-col h2{
            font-size:36px;
        }
        .db5-form .check-text{display:block;margin:0;}
        .db5-form .rad input{margin-left:0}
        .db5-form .rad{margin-right:20px;}
    }
     /*  CAREER FOOTER LINK  */

    .career-link{
    font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
        display:block;
        text-align:center;
        font-size:17px;
        padding:0 0 18px;
    }
    .career-link a{
        color:#fff;

    }
    .career-link a:hover{
        color:#fff;
        opacity:0.5
    }
    .career-link a span{
        font-size:14px;
    }
    
    /* HILL UPDTAES  */

    .hill-intro{padding-top:40px;}

    .hill-intro .introtext{
        margin-bottom:30px;
    }

    .hill-intro h2{
        font-family: Arial, Helvetica, sans-serif;
        Font-weight:bold;
        font-size:27px;
        padding:20px 0;
    }

    .hill-intro h3{
        font-family: Arial, Helvetica, sans-serif;
        Font-weight:bold;
        font-size:22px;
        padding:0 0 20px;
    }

    .hill-intro .btn.green{
        font-family: Arial, Helvetica, sans-serif;
        Font-weight:bold;
        font-size:23px;
        text-decoration: none;
        padding:10px 30px;
        background:#1a5632
    }

    .panel-row .text-block{padding:4rem}
    .box-border{padding:50px;}

    .thehill .pagetitle img{
        display:inline-block;
        max-width:300px;
        margin-bottom:8%;
    }
    
    /* NEW EVO PAGE TEMPLATE  */

    .whiterow{
        background:#cbced0;
        padding:60px 0 0;
    }

    .splitbox.reverse{
        background:none;
        color:#000
    }

    .evo h2{font-size:30px}
    .evo .splitbox .text{font-size:16px;line-height:25px;}

    .evo .splitbox.right .text{
        background:#1a1a1a;
        margin-right:15px;
    }
    .evo .introtext.text-center.padd{
        padding-top:45px;
        padding-bottom:10px;
        margin-bottom:0;
    }
    .evo.special .introtext p{
        font-size:24px;
        line-height:32px;
    }
    .evo .imageoverlay .text-block{
        background:rgba(26,26,26,0.8);
    }
    .evo .bgrow{
        background:url(../images/evonew-08-bg.jpg) repeat-x left bottom;
        width:100%;
    }
    .evo .bgrow .bgimg{
        margin-left:10%;
        min-width:40%;
    }

    .evo .bgrow .bgimg img{
        height:auto;
    }

    .evo .head-over.right {

        top: 20px;
        width: 550px;
    }

    .evo .subtitle{
        width:38%;
        position:absolute;
        bottom:0;
        left:5%;
    }
    .evo .over-text{
        width:36%;
        position:absolute;
        bottom:8%;
        right:6%;
        font-family: "ZapfHumnst BT",Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: normal;
        text-align:center;
        font-size:20px;
        line-height: 1.2;
    }
    .evo .banner-block{min-height:600px;}

    @media(max-width:1110px){
        .evo .imageoverlay .text-block {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
        }
        .evo .subtitle,
        .evo .over-text,
        .evo .head-over.right{
            position: relative;
            width:90%;
            left:auto;
            right:auto;
            margin:0px auto;
            bottom:auto;

        }
        .evo .head-over.right{
            max-width:400px;

        }
        .evo .next-section{
            display:none;
        }
        .evo .subtitle{
            padding-top:24%;
            max-width:360px;
        
        }
        .evo .over-text{
            font-size:18px;
            padding:0 0 30px;
            margin-top:-20px;

        }
        .evo .banner-block{height:auto;}

    }
    @media(max-width:920px){
        .evo .head-over.right{
            top:0;
        }
        .evo .bgrow .text{
            margin-left:0%;
            margin-bottom:70%;
        }

        .evo .bgrow{
            background-image:none;
        }

        .evo .fullimgrow{
            flex-direction:column
        }
        .evo .bgrow .bgimg{
            margin-left:0;
        }
     
        
    }

    @media(max-width:600px){
        .evo .subtitle{
            padding-top:35%;
            max-width:400px;
            width:80%;
        }
    .evo .over-text{
        font-size:13px;
  
    }
}
/*-----------------   2025 Additions   -----------------*/


/*  NEW 2025 CAR SALES INTRO  */
.top-wrap{
    text-align:center;
    padding-bottom:20px;
}
.top-wrap .intro-text{
    max-width:950px;
    margin:0 auto;
    padding:0 20px;
}

.mainquote{
    border:none;
    margin-top:0;
    padding:0;
}
.featrow{
    padding:0;
}



/* Model Selector Modal Styles */
.model-selector-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-selector-modal {
    background: #000;
    width: 95%;
    max-width: 750px;
    padding: 40px 30px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    margin-bottom:150px;
}

.model-selector-modal h1 {
    font-family: 'ZapfHumnst BT', serif;
    font-size: 36px;
    margin: 0 0 10px;
    color: #fff;
}

.model-selector-modal p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin: 0 0 20px;
    color: #fff;
}

.model-selector-buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    max-width: 700px;
    margin: 0 auto;
}

.model-button {
    background: #fff;
    color: #000;
    padding: 2px 5px;
    font-family: 'ZapfHumnst BT', serif;
    font-size: 18px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    text-align: center;
}

.model-button:hover {
    background: #27272b;
}

.model-button span {
    margin-left: 5px;
}

/* Prevent body scroll when modal is open */
body.modal-open {
    overflow: hidden;
}


.serv .contact-band{
    margin-bottom:0;
}

.packed-grid{
    border-top:1px solid #c6c6c5;
    border-bottom:1px solid #c6c6c5;
}
.packed-grid.serv-grid{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}

.packed-grid .rows{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:2px;
    margin:0;
    padding:0;
    background:#c6c6c5;
    border-bottom:1px solid #c6c6c5;

}
.packed-grid.serv-grid .rows{
    background:#000;
    border-bottom:1px solid #000;
}

.packed-grid .col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
  grid-auto-flow: dense;
  padding:0;
  float:none;
  }
  
  @media (max-width: 768px) {
    .packed-grid .rows {
        grid-template-columns: repeat(1, 1fr);
    }
    .packed-grid .rows{
        background:#000;

        gap:1px;
    }
    packed-grid .col{
        gap:1px;
    }
  }
  
  .packed-grid-item {
    aspect-ratio: 3 / 2; /* Landscape ratio */
    width: 100%;
    overflow: hidden;
    position: relative;
    
  }
  
  .packed-grid-item img {
    width: 100%;
  height: 100%;
  object-fit: cover;
  position:absolute;
  top: 0;
  left: 0;

  }
  .packed-grid-item:hover img{
        transform: scale(1.05);
        transition: transform 0.3s ease;
  }
  
  /* Span classes */
  .span-1x1 { grid-column: span 1; grid-row: span 1; }
  .span-2x2 { grid-column: span 2; grid-row: span 2;  }
  .span-3x3 { grid-column: span 3; grid-row: span 3; }

  

  


@media (max-width: 768px) {
    .model-selector-modal {
        padding: 20px;
        margin-bottom:10px;
    }

    .model-selector-modal h1 {
        font-size: 36px;
    }

    .model-selector-modal p {
        font-size: 18px;
    }

    .model-selector-buttons {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .model-button {
        font-size: 16px;
        padding: 3px 5px;
    }
}

@media (max-width: 650px) {
    .model-selector-buttons {
        grid-template-columns: repeat(2, 1fr);
    }

    .model-button {
        font-size: 14px;
    }

    .upgrades .panel-row {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

}