/*
** PLEASE make sure to comment what page the CSS is for when adding new (like what is already there)
** IF the CSS is for a page that already exists, PLEASE add it to the correct section
** Adaptive changes MUST go to the bottom of the correct page sections 
*/

/*
** To add padding, please use the bootstrap set classes
** See W3Schools to see the set classes
** Make sure to not double up on the padding
** Use the responsive classes to change padding between devices
** p-5 = 48px
** p-4 = 24px
** p-3 = 16px
** p-2 = 8px
** p-1 = 4px
*/

/*MASTER FONT*/
body {font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 400; background-color:#28272C; color:#EAEAEA;}
@media (min-width: 1600px) {.container { max-width: 1440px;} }

a { color: #fff; transition: all 1s;}
a:hover {color: #BF7A0C;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif; font-weight: 700;}
h1, h2, h3, .h1, .h2, .h3 {color:#EAEAEA;}

@media screen and (max-width:760px) { /* Mobile Large */
.h1, h1	{font-size:2rem;}						/* 32px */
.h2, h2	{font-size:1.75rem;}					/* 28px */
.h3, h3	{font-size:1.5rem;}						/* 24px */
.h4, h4	{font-size:1.2rem;}						/* 20px */
.h5, h5	{font-size:1rem;}						/* 16px */
.h6, h6	{font-size:0.875rem;}					/* 14px */
}

.webquotemobile {display:show;}/*later we hide it on mobile SDH 17-05-2022*/
	
/* font sizes */
.font-size-enormous {font-size:4.5rem; font-weight:200;} 	/* 67.5px */
.font-size-header {font-size:2.5rem;}						/* 40px */
.font-size-biggest {font-size:2rem;}						/* 32px */
.font-size-bigish {font-size:1.75rem;}						/* 28px */
.font-size-bigger {font-size:1.5rem;}						/* 24px */
.font-size-big {font-size:1.2rem;}							/* 20px */
.font-size-normal {font-size:1rem;}							/* 16px */
.font-size-small {font-size:0.8125rem;}						/* 13px */
.font-size-smaller {font-size:0.7rem;}						/* 11.2px */
.font-size-smallest {font-size:0.625rem;}					/* 10px */

/* line heights */
.line-height-biggest {line-height: 2rem;}
.line-height-bigish {line-height: 1.75rem;}
.line-height-bigger {line-height: 1.5rem;}
.line-height-big {line-height: 1.2rem;}
.line-height-normal {line-height:1rem;}
.line-height-small {line-height:0.8125rem;}
.line-height-smaller {line-height: 0.7rem;}

@media screen and (max-width:760px) { /* Mobile Large */
	.font-size-header 	{font-size:2rem;}				/* 32px */
	.font-size-biggest	{font-size:1.75rem;}			/* 28px */
	.font-size-bigish	{font-size:1.5rem;}				/* 24px */
	.font-size-bigger	{font-size:1.2rem;}				/* 20px */
	.font-size-big		{font-size:1rem;}				/* 16px */
	.font-size-normal	{font-size:0.875rem;}			/* 14px */
	.font-size-small 	{font-size:0.8125rem;}			/* 13px */
	.font-size-smaller 	{font-size:0.7rem;}				/* 11.2px */
	.font-size-smallest {font-size:0.625rem;}			/* 10px */
	
	.line-height-biggest{line-height: 1.75rem;}
	.line-height-bigish {line-height: 1.5rem;}
	.line-height-bigger {line-height: 1.2rem;}
	.line-height-big	{line-height:1rem;}
	.line-height-normal {line-height:0.8125rem;}
	.line-height-small 	{line-height: 0.7rem;}
}


@media screen and (max-width:1200px) { /* Tablet Landscape */
    .sm-font-size-biggest {font-size:1.4rem!important;}
    .sm-font-size-bigger {font-size:1.1rem!important;}
    .sm-font-size-big {font-size:1rem!important;}
    .sm-font-size-normal {font-size:0.9rem!important;}
    .sm-font-size-small {font-size:0.7rem!important; }
    .sm-font-size-smaller {font-size:0.55rem!important;}
}
@media screen and (max-width:850px) { /* Tablet Portrait */
    .xs-font-size-header {font-size:1.75rem!important;}
    .xs-font-size-biggest {font-size:1.5rem!important;}
    .xs-font-size-bigger {font-size:1.2rem!important;}
    .xs-font-size-big {font-size:1rem!important;}
    .xs-font-size-normal {font-size:0.8rem!important;}
    .xs-font-size-small {font-size:0.7rem!important; }
    .xs-font-size-smaller {font-size:0.6rem!important;}
	.xs-line-height-header {line-height: 1.75rem;}
	.xs-line-height-biggest {line-height: 1.5rem;}
	.xs-line-height-bigish {line-height: 1.2rem;}
	.xs-line-height-bigger	{line-height:1rem;}
	.xs-line-height-big {line-height:0.8125rem;}
	.xs-line-height-normal 	{line-height: 0.7rem;}
}
@media screen and (max-width:760px) { /* Mobile Large */
    .mob-font-size-biggest {font-size:1.4rem!important;}
    .mob-font-size-bigger {font-size:1.1rem!important;}
    .mob-font-size-big {font-size:1rem!important;}
    .mob-font-size-normal {font-size:0.9rem!important;}
    .mob-font-size-small {font-size:0.7rem!important; }
    .mob-font-size-smaller {font-size:0.55rem!important; }
	.webquotemobile {display:none;}
}

/*---------------------------------------------------------------------------------------------------*/
/*------------------------------------------GLOBAL CLASSES-------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/

.info li {padding-right:20px; padding-bottom:15px;}
.border-bottom {border-bottom: 1px solid #28272C!important;}
.border-top {border-top: 1px solid #28272C!important;}
.border-left {border-left: 1px solid #28272C!important;}
.border-right {border-right: 1px solid #28272C!important;}
.border-bottom-light {border-bottom: 1px solid #E4E4E4!important;}
.border-top-light {border-top: 1px solid #E4E4E4!important;}
.border-left-light {border-left: 1px solid #E4E4E4!important;}
.border-right-light {border-right: 1px solid #E4E4E4 !important;}

.img-center {display:block; margin-left:auto; margin-right:auto;}
.nobullet {list-style:none;}
.navbar-default {background-color: #222222;border:0px}
.float-left{float:left;}
.clearfix::after {content: ""; clear: both;  display: table;}
.float-right{float:right;}
.white-box {float: left;margin: 0%;width: 100%;}
.grey-box {float: left;margin: 0%; width: 100%;}

.btn-space {margin:5px;}
.btn-wrap-text {white-space: normal;}
.btn-margin {margin: 1% 2%;}
.btn-square {border-radius: 0px;}
.display-block {display:block;}
.panel-body { padding: 15px 25px 15px 25px;}
.panel-no-body {padding:0px;}
.panel-no-bottom {margin-bottom:0px;}
.panel-border {border: 1px solid #e7e7e7;}
.vertical-middle-table {display:table;}
.vertical-middle-cell {display: table-cell; vertical-align: middle;}
.vertical-align {position: relative; top: 50%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}
@media screen and (max-width:767px) { /* Mobile Large */
    .mob-vertical-align {position: relative; top: 50%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}
}
.radius-bottom-left {border-bottom-left-radius:4px}
.radius-bottom-right {border-bottom-right-radius:4px}
.radius-top-10 {border-top-right-radius:10px; border-top-left-radius:10px;}
.radius-5px {border-radius:5px;}
.element-spacing {margin-top:0px; margin-bottom:10px;}
.offset-10 {padding-left:10%; padding-right:10%;}
.offset-2px { padding-left: 2px!important; padding-right: 2px !important;}
.cursorpointer {cursor:pointer;}

.fullwidth{float:left; width:100%;}

.fullheight{height:100%;}
.halfheight{float:left; height:50%;}
.row-nomargin {margin-left: 0 !important;margin-right: 0 !important;}
.col-no-margins {padding-left: 0px;padding-right: 0px;}

.text-nodecoration:hover {text-decoration: none;}
.rounded{border-radius: 5px !important;}
.rounded-top{border-top-left-radius: 5px !important;border-top-right-radius: 5px !important;}
.readmore {display: block;}
.text-underline {text-decoration:underline;}
.shadow {filter: drop-shadow(0px 3px 3px #686868cc);}
.ovehicle { max-width: 100%;width:100%; border-top-left-radius: 0px;border-bottom-left-radius: 0px; }
.dealpagecontainer .srimage {
    object-fit: none;
    object-position: 50% 65%;
    width: 100%;
    overflow: hidden;
}
.breadcrumbs { font-size: 0.9rem;padding-top: 1%;padding-bottom: 1%;} 
.card {background-color: #eaeaea;color: #28272C;border-radius: 5px;}
.bgbanner { /* Use this class to get the base of a background banner, then add the image in its own class */
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #0d0d0d;
}
.hover-shadow {
    filter: none;
    transition: filter .8s;
}
.hover-shadow:hover {
    filter: drop-shadow(0px 3px 6px #00000075);
}
.sticky-bottom {position: sticky;bottom: 0;}

.ribbon {
    position: absolute;
    top: 0;
    height: auto;
    justify-content: space-between;
    font-weight: bold;
    line-height: 1.1rem;
    letter-spacing: 1px;
    font-size: 0.9rem;
}
.ribbon .special p {
    position: absolute;
    top: 20%;
    left: 3%;
	text-align: left;
    color: #fff;
}
.ribbon .stock p {
    position: absolute;
    top: 20%;
    right: 3%;
	text-align: right;
    color: #fff;
}

.ribbon.right{
    right:0px;
}

.ribbon .gallery-icon{background: #f1f1f1; position: absolute; right: 10px; border-radius: 10px;top: 10px;}
	
@media screen and (max-width:760px) { /* Mobile Large */
.ribbon {
    font-size: 0.625rem;
    line-height: .7rem;
}
.ribbon .special img,.ribbon .stock img {
    width: 70px;
}	
}

.modal-backdrop.show{
    opacity: 0.8 !important;
}

.btn {/*Numbty has set a BS global class in customised CSS. This overrides all relative states (sm, md, lg) within BS.*/
    padding: 1rem 1.5rem;
}

.btn-sm {padding: 0.25rem 0.5rem;}
#filter .btn {
    padding: .375rem .75rem;
}
@media screen and (max-width:760px) { /* Mobile Large */
.btn {
    padding: .375rem .75rem;
}	
}

/*signature code for web quote*/
.quote__signature .form-group input {border: none;-webkit-box-shadow: none;box-shadow: none;border-bottom: 2px dotted #828080;border-radius: 0; font-size: 32px; color: #1b262a;height: 42px;padding-bottom: 10px; font-family: Pacifico; font-weight: 300;background: #ffffff; padding: 6px 10px;height: auto;}
.quote__signature .form-group input:-ms-input-placeholder{color:#8b919d;font-family:Raleway,sans-serif;font-size:18px}
.quote__signature .form-group input::-webkit-input-placeholder{color:#8b919d;font-family:Raleway,sans-serif;font-size:18px}

.btn.disabled{background: #d3d3d3; color: #202020;} /*used in form validation button made to look obviously disabled */


/*finance form buttons and layout SDH 07-06-2022 */
#financeapplication .postcodeinput {display: inline-block;width: 70%;}
#financeapplication .postcodebtn {padding: 0.3rem 1rem; border: 1px solid #BF7A0C;  margin-left: 5px;}
#financeapplication .postcodeor {font-size: 1.2rem; font-weight: 700; font-style: italic;  color: #918f8f;}
#financeapplication .postcodelink {padding: 0.3rem 1rem; border: 0px solid #BF7A0C;text-decoration:underline;}
#financeapplication .widthhalf {width:50% !important;padding: 0% 0% 0% 0.5%; display: inline-block;}
#financeapplication .addresstile {border: 1px solid #6c757d; padding-top: 1%; padding-bottom: 1%; background-color: #f7f7f7;border-radius: 5px; margin: 0% 1.5% 1% 1.5%; width: 47% !important;}
#financeapplication .btn {padding: 0.5rem 1.5rem;}

@media screen and (max-width:560px) {
#financeapplication .postcodeinput {width: 58%;}
#financeapplication .widthhalf {width:100% !important;}
#financeapplication .btn {padding: 0.5rem 1rem;}
#financeapplication .control-label {display:none;}
}

/****************** PRIMARY - ORANGE ******************/
.primary-colour{color: #BF7A0C;}
.primary-bg {background: #fdb94c;color: #28272C;}
.primary-border {border: 2px solid #BF7A0C;}
.primary-button{
	background: #BF7A0C;
	opacity:100%;
	color:#EAEAEA;
	border:none;
	box-shadow: 0px 3px 6px #00000029;
	transition: all 1s;
}
.primary-button:hover{background: #fdb94c; color:#28272C;opacity:100%; box-shadow: 0px 3px 6px #00000029;}
.primary-border-bottom{border-bottom: 2px solid #BF7A0C;}
.primary-bg-dark{background-color: #BF7A0C;color: #EAEAEA;}

/****************** SECONDARY - LIGHT GREY ******************/
.secondary-colour{color: #EAEAEA;}
.secondary-button{
	background: #EAEAEA;
	opacity:100%;
	color:#28272C;
	border:none;
	box-shadow: 0px 3px 6px #00000029;
	transition: all 1s;
}
.secondary-button:hover{background: #555555; color:#EAEAEA;opacity:100%; box-shadow: 0px 3px 6px #00000029;}
.secondary-border{border:2px solid #EAEAEA; }
.secondary-bg, .secondary-bgcolor{background: #EAEAEA;color:#28272C;}

/****************** TERTIARY - ORANGE ******************/
.tertiary-colour{color:#FF8D00;}
.tertiary-bg{background:#FFAD48; color:#28272C;}
.tertiary-button{
	background: #FF8D00;
	opacity:100%;
	color:#EAEAEA;
	border:none;
	box-shadow: 0px 3px 6px #00000029;
	transition: all 1s;
}
.tertiary-button:hover{background: #FFAD48; color:#28272C;opacity:100%; box-shadow: 0px 3px 6px #00000029;}
.tertiary-border-bottom {border-bottom: 2px solid #FF8D00;}

/****************** QUAT - DARK GREY ******************/
.quat-colour{color: #28272C;}
.quat-border{border:2px solid #555555;}
.quat-bg{background: #555555;color:#EAEAEA;}
.quat-button{
	background: #28272C;
	opacity:100%;
	color:#EAEAEA;
	border:none;
	box-shadow: 0px 3px 6px #00000029;
	transition: all 1s;
}
.quat-button:hover{background: #555555; color:#EAEAEA;opacity:100%; box-shadow: 0px 3px 6px #00000029;}
.quat-border-bottom{border-bottom:2px solid #555555;}

/****************** QUIN - BLUE ******************/
.quin-colour{color: #00AFDC;}
.quin-border{border:2px solid #00AFDC;}
.quin-bg{background: #78D3EB;color:#28272C;}
.quin-button{
	background: #00AFDC;
	opacity:100%;
	color:#EAEAEA;
	border:none;
	box-shadow: 0px 3px 6px #00000029;
	transition: all 1s;
}
.quin-button:hover{background: #78D3EB; color:#28272C;opacity:100%; box-shadow: 0px 3px 6px #00000029;}
.quin-border-bottom{border-bottom:2px solid #00AFDC;}

.sex-bg {background: #28272C;}

.quat-overlay {
background: -moz-linear-gradient(top,  rgba(35,45,48,0.5) 0%, rgba(35,45,48,0.5) 100%);
background: -webkit-linear-gradient(top,  rgba(35,45,48,0.5) 0%,rgba(35,45,48,0.5) 100%);
background: linear-gradient(to bottom,  rgba(35,45,48,0.5) 0%,rgba(35,45,48,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8028272C', endColorstr='#8028272C',GradientType=0 );
color: #E4E4E4;
}
.quat-blur {backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.gradient-overlay {
background: -moz-linear-gradient(-45deg,  rgba(120,211,235,0.3) 0%, rgba(255,173,72,0.3) 50%, rgba(187,211,83,0.3) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(120,211,235,0.3) 0%,rgba(255,173,72,0.3) 50%,rgba(187,211,83,0.3) 100%);
background: linear-gradient(135deg,  rgba(120,211,235,0.3) 0%,rgba(255,173,72,0.3) 50%,rgba(187,211,83,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d78d3eb', endColorstr='#4dbbd353',GradientType=1 );	
}

.btn-flat{box-shadow: none;}

/* pagination */
.pagination {
    flex-wrap: wrap!important;
}
.pagination .page-item.disabled .page-link {
    color: #e4e4e4;
	opacity:50%;
}

.pagination .page-item .page-link, .page-link {
    background: #555555;
    color: #e4e4e4;
    border: 1px solid #28272C;
}
.pagination .page-link:hover {
    background: #eaeaea;
    color: #28272C!important;
}
.pagination .page-item .page-link.active {
    background: #eaeaea;
    color: #28272C;
}
.pagination .page-item:first-of-type .page-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.pagination .page-item:last-of-type .page-link {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*form elements */
::placeholder {color: #a1a1a1 !important;opacity: 1;}
.form-horizontal .control-label.text-left{text-align: left;}
.custom-checkbox .custom-control-label::before {
    border: 1px solid #28272C;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #222222;
    background-color: #BF7A0C!important;
    border: 1px solid #BF7A0C;
}
.has-error.has-danger {color: #ff0000;}
.help-block.with-errors {
    font-size: 0.875rem;
}
.form-control {
    color: #28272C;
}

select.form-control {
	background-image: url(/images/chevron-down.png);
    background-position: calc(100% - 20px) calc(0.7em + 0rem);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.form-control:focus {
    background-image: url(/images/chevron-up.png);
    background-repeat: no-repeat;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 25%);
    border-color: gray;
}

@media screen and (max-width:767px) { /* Mobile Large */
.form-control {
    height: calc(2em + .75rem + 2px);
}
}


/*Slick styles*/
.slick-dots {left: 0px; bottom: -8%!important;}
.slick-dots li button:before {font-size:20px!important;color:#eaeaea !important;}
.slick-dots li.slick-active button:before {color:#BF7A0C !important;}
.slick-next:before, [dir=rtl] .slick-prev:before {
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    content: "\f054"!important;
    color: #eaeaea !important;
    font-size: 30px;
    
}
.slick-prev:before {
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    content: "\f053"!important;
    color: #eaeaea !important;
    font-size: 30px;
}
.slick-prev {left: 15px!important;z-index:1;}
.slick-next {right: 15px!important;z-index:1;}
#hpspecials .slick-slide {max-width: 100%!important;}
.slick-next:before, .slick-prev:before {
    font-size: 2rem!important;
    line-height: 1.5rem!important;
}
.slick-next, .slick-prev {
    top: auto!important;
    bottom: -10%;
}
@media screen and (max-width:1600px) { /* My Laptop */
}
@media screen and (max-width:1400px) { /* Laptop */
	
}
@media screen and (max-width:1200px) { /* Tablet Landscape */
.slick-prev {left: 20px!important;}
.slick-next {right: 20px!important;}
}
@media screen and (max-width:850px) { /* Tablet Portrait */
	
}	
@media screen and (max-width:767px) { /* Mobile Large */
    .slick-next, .slick-prev {
        top: 103%;
    }
.slick-prev {left: 15px!important;}
.slick-next {right: 15px!important;}
}

/*---------------------------------------------------------------------------------------------------*/
/*------------------------------------------Modal changes----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.modal .close {
    color: #eaeaea;
}
.fa-li {
    left: -2.8em!important;
}

/*---------------------------------------------------------------------------------------------------*/
/*------------------------------------------Container changes----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1536px) { /* My Laptop */
.container {
    max-width: 1260px;
}	
}
@media screen and (max-width:1200px) { /* Tablet Landscape */
.container {
    max-width: 1080px;
}	
}
@media screen and (max-width:850px) { /* Tablet Portrait */
.container {
    max-width: 800px;
}
}	

/*---------------------------------------------------------------------------------------------------*/
/*------------------------------------------Header Code----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.header-container {
    /*height: 100px;*/
	height: 120px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:100;
	background: #28272C 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000080;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*Links*/
.header nav.navbar { padding: 0;}
.header .nav{margin-bottom:0;padding-top:0px; padding-bottom:0px;}
.navbar-expand-md .navbar-nav .nav-link { padding-top: .3rem; padding-bottom: .3rem;font-weight:600}
.dropdown-menu {margin:0;border:0px; border-radius:0px}

.header .nav>li>a {
    color: #FFFFFF;
    /* padding-top: 5px;
    padding-bottom: 5px; */
    padding: 5.5%;
}
.header .nav>li.open {background-color: #F7F7F7;}
.header .nav>li.specials>a {color: #067db1;}

.header .nav-link{font-size: 1rem;}

.header .top-bar li.nav-item {
    padding: 0 0%;
    margin: 0 0%;
    border-right: 1px solid #7b7f82;
}
.header .drawerbtn-header.filterbtn {
    position: unset;
    color: #eaeaea;
    -webkit-appearance: none;
    border-color: transparent;
    background: transparent;
}
.header .drawerbtn-header.filterbtn .fa-search {
    color: #BF7A0C;
}
.header .drawerbtn-header.filterbtn:focus {
    border: none;
    border-color: transparent;
    outline: none;
    outline: none;
}
@media screen and (min-width:1366px){
    .header li.nav-item{padding: 0 0%; margin: 0 1%;}
}
@media screen and (max-width:1050px) { /* Tablet Landscape */
    li.nav-item.active {
        padding: 0 0%;
        margin: 0 0.8%;
    }
}

@media screen and (max-width:899px) {
    .header .nav-link{font-size: 0.7rem;}
    .header{
        position:relative;
    }
}

/*Links Hover*/
.header .nav-item>a {
    color: #EAEAEA;
    width: 100%;
    border-radius: 0px;
	position:relative;
    transition: 1s;
}
.header .nav-item>a:before {
    content: '';
    width: 0;
    height: 1px;
    background: #ffffff;
    position: absolute;
    left: 10%;
    bottom: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.header .nav-item>a:hover:before {
    width: 80%;
}
.header .nav-item.active>a:before {
	width: 80%;
}
.header .top-bar .nav-link {
    font-size: 80%;
    text-align: center;
}

/*Adaptive Header*/
@media screen and (min-width:1550px) {
    .header .logo img{max-width:70%;}
}
@media screen and (max-width:1550px) { /* Toni Laptop */
    .header .top-bar .nav-link {
        font-size: 0.7rem;
    }
}
@media screen and (max-width:1366px) { /* Laptop */
    .header .logo img {max-width: 90%;}
}
@media screen and (max-width:1200px) { /* Tablet Landscape */
    .header-container {
        height: 82px;
    }
}
@media screen and (max-width:850px) { /* Tablet Portrait */
    .header-container {
        height: 64px;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .3rem;
        padding-left: .3rem;
    }
}
@media screen and (max-width:767px) { /* Mobile Large */
    .header-container {
        height: 155px;
    }
	.mobile-center {text-align:center;}
	.mobile-img-size-shrink {width:15%;}
    .header {position: fixed;}
    .topnav .nav-link { padding: .5rem 0.5rem;}
    .navbar-toggler { padding: .25rem .64rem;}
    /*Header search mob modal*/
    #hmobsearch .modal-content {
        background-color: #EAEAEA;
        height: 100vh;
        border: none;
        border-radius: 0;
    }
    #hmobsearch .modal-dialog {
        margin: 0rem;
    }
    .header .collapse.show {
        height: 100vh;
    }
    .header li.nav-item { padding: 0% 0; width: 100%;  border-bottom: 1px solid #4c4b4b;  text-align: left;}
    .header .nav-item>a {padding-left: 4%; padding-top: 5%; padding-bottom: 5%;}
    .header .nav-link { font-size: 1rem;}
    .header .nav-item.active>a { }
    .header .top-bar li.nav-item {
        padding: 0% 0;
        width: 50%;
        border-bottom: none;
        text-align: center;
    }
    .header .top-bar li.nav-item>a {
        padding-left: 2%;
        padding-right: 2%;
        font-size: .7rem;
    }
	.header .drawerbtn-header.filterbtn {
		background: #555555;
		border-radius: 0px;
		padding: .375rem .75rem;
		border-left: 1px solid #28272C;
		border-right: 1px solid #28272C;
	}
}

.mobheader_rightline {border-right: 1px solid #706e6e;}
/*Toggler*/
.header .top-bar .toggler-switch .custom-control {display:inline-block;}
.toggler-switch span {
    cursor:pointer;
}
.toggler-switch .custom-control-label::before {
    background-color: #BF7A0C;
    border: none;
    left: -2rem;
}
.toggler-switch .custom-switch .custom-control-label::after {
    background-color: #ffffff;
    left: calc(-2rem + 2px);
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #4E645C;
    border-color: #4E645C;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #BF7A0C;
    background-color: #BF7A0C;
}
    .toggler-switch span {
        font-size: 0.7rem;
    }
@media screen and (max-width:767px) { /* Mobile Large */
    .header .navbar-toggler-icon.primary-colour {
        width: 45px;
        -webkit-appearance: none;
    }
}
/*Search bar*/
.header-searches > div {
    pointer-events:none;
    opacity:0;
    transition:all .5s;
}
.header-searches > div.open-search {
    pointer-events:auto;
    opacity:1;
}

.header-searches > div.open-search {
    pointer-events:auto;
    opacity:1;
}

.header-searches a {font-size: 1.2rem;} 
.bg-search {background-color: #28272C!important;}
.header-searches .tab-content {background:#fdb94c; color:#28272C;}


@media screen and (max-width:1366px) { /* Laptop */
    .header-searches {
        top: 83px;
    }
}
@media (max-width:700px) {
    .header-searches {
        position:relative;
        top: 0px;
    }
    .header-searches .dropdown-menu {
        border-top-left-radius:0px;
        border-top-right-radius:0px;
    }

    .header-searches > div .fullwidth {
        padding-left:0px;
        margin:1rem 0;
    }
    .manu-bg {
        width:19%;
        padding:.55rem 0;
    }

    .bodytype-bg {
        width:50%;
        padding:1%;
        margin:0;
    }

    .budget-bg {
        width:33.33%;
        padding:1%;
        margin:0;
    }

    .header-searches #budget-dropdown .fullwidth {
        margin:.45rem 0;
    }
}
.header .header-searches {
    position:absolute;
    top: auto;
    z-index: 20;
    float:left;
    width:100%;
    pointer-events: none;
}
.header .header-searches.search-bg {
background: -moz-linear-gradient(-45deg,  rgba(90,140,122,0.6) 0%, rgba(90,140,122,0.6) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(90,140,122,0.6) 0%,rgba(90,140,122,0.6) 100%);
background: linear-gradient(135deg,  rgba(90,140,122,0.6) 0%,rgba(90,140,122,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc5a8c7a', endColorstr='#cc5a8c7a',GradientType=1 );
    pointer-events: auto;
background: #BF7A0C;
}
.header-searches .nav-tabs {
    border-bottom: none;
}
.header-searches .nav-tabs li {
    /* padding: 1% 0%; */
    width: 20%;
    border-left: 1px solid #414142;
    text-align: center;
	background: #BF7A0C;
	cursor: pointer;
    opacity: 100%;
    transition: all .5s;
}
.header-searches .nav-tabs .active {
    /* padding: 1% 0%; */
    width: 20%;
    border-left: 1px solid #414142;
    text-align: center;
	background: #fdb94c;
	cursor: pointer;
    opacity: 100%;
    transition: all .5s;
	color:#28272C;

}
.header-searches .nav-tabs .active a {color:#28272C;}

.header-searches .nav-tabs a{
    display: block;
}
.header-searches .nav-tabs li:last-of-type {
    border-right: 1px solid #414142;
}
.header-searches .nav-tabs li:hover {
	background: #fdb94c;
    color:#28272C;
}
.header-searches .nav-tabs li:hover a {
	text-decoration:none;
	color:#28272C;
}
.header.top{
    position:relative;
    width:100%;
    z-index:100;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (max-width:767px) { /* Mobile Large */
    .header.top {position: fixed;}
}
.header.stick{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:100;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header.top .hidden {
    display:none!important;
		    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
}
.header.stick .main-header {
    display: none; 
}
.header.stick .hide {
    display: none!important;
		    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header.stick .top-bar .dropdown li.nav-item {
    border: none;

}
.header.stick .top-bar .dropdown-menu.show {
    border: 1px solid #1e1e1e;
    filter: drop-shadow(2px 4px 6px black);
}
.header-searches > div.open-search {
    transition: none!important;
}
.header-searches > div {
    transition: none!important;
}
#hmobsearch.modal, #hmobsearch-stage.modal, #mobmenu.modal {
    z-index: 50;
}
#main-search .tab-content>.active.show {
    border-top: 1px solid #E4E4E4!important;
}



.header .main-header .dropdown-menu>.nav-item>a {
    color: #ffffff;
	border-bottom: 1px solid #5c5a5a;
    /*text-align: center;*/
}
.header .main-header .dropdown-menu {
    background: #28272C;
    color: #EAEAEA;
    border: 1px solid #0d0d0d;
    filter: drop-shadow(2px 4px 6px black);
    top: 70%;
}
.header.stick .dropdown-menu .nav-item:hover>a {
    color: #ffffff;
}
@media screen and (max-width:767px) { /* Mobile Large */
    .modal-backdrop.show {
        z-index: 40;
    }
    .header .header-searches .open-search {
        display: none;
    }
    #mobmenu .modal-content{
		border: none;
		background: #28272C;
		color: #eaeaea;
    }
    #mobmenu li.nav-item.active {
        background: #555555;
    }
    #mobmenu li.nav-item {
        padding: 2% 5%;
    }
    #mobmenu .modal-body {
        padding-top: 39%;
    }
    #hmobsearch .modal-content {
        background: -moz-linear-gradient(-45deg,  rgba(158,204,131,0.9) 0%, rgba(158,204,131,0.9) 100%);
        background: -webkit-linear-gradient(-45deg,  rgba(158,204,131,0.9) 0%,rgba(158,204,131,0.9) 100%);
        background: linear-gradient(135deg,  rgba(158,204,131,0.9) 0%,rgba(158,204,131,0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ccc983', endColorstr='#e6ccc983',GradientType=1 );
        border: none;
    }
    #hmobsearch li.nav-item {
        padding: 6% 5%;
    }
    #hmobsearch li.nav-item .nav-link {
        color: #f3f3f3;
    }
    #hmobsearch li.nav-item.border-bottom {
        border-bottom: 1px solid #e4e4e4!important;
    }
    #hmobsearch .modal-body {
        padding-top: 29%;
    }
    #hmobsearch-stage .modal-content {
        background: #9ecc83;
        padding-top: 27%;
        border: none;
    }
}

/*---------------------------------------------------------------------------------------------------*/
/*--------------------------------------------Footer-------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
footer .footer_bg {
    float: left;
    width: 100%;
    color: #EAEAEA;
    margin: 0% 0% 0% 0%;
    background: #555555;
}
footer .footer_bg ul {
    list-style: none;
    padding: 0%;
    margin: 0%;
}
footer .footer_bg a {
    color: #EAEAEA;
}
footer .footer_bg .social a:hover {
    color: #0d0d0d;
}
footer .footer_bg ul li {
    padding: 1% 0% 1% 0%;
}
@media screen and (max-width:767px) { /* Mobile Large */

    .mtrigger .fa-chevron-up {
        display: none;
    }
    .mtrigger .fa-chevron-down {
        display: inline;
    }
    .mtrigger.active .fa-chevron-up {
        display: inline;
    }
    .mtrigger.active .fa-chevron-down {
        display: none;
    }
}

/*Deals Slider - specials page tiles*/
.dealpagecontainer {
    color: #000000;
    float: left;
    padding: 0;
    width: 100%;
    background: #eaeaea;
    color: black;
    border: 1px solid #28272C;
    margin-bottom: 2%;
    height: auto!important;
    position: relative;
    border-radius: 0px;
    overflow: hidden;
}
.dealpagecontainer a:hover {
    color: #28272C;
}
.card .hover-button {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 10%;
	backdrop-filter: blur(3px);
    background: -moz-linear-gradient(-45deg,  rgba(120,211,235,0.3) 0%, rgba(255,173,72,0.3) 50%, rgba(187,211,83,0.3) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(120,211,235,0.3) 0%,rgba(255,173,72,0.3) 50%,rgba(187,211,83,0.3) 100%);
	background: linear-gradient(135deg,  rgba(120,211,235,0.3) 0%,rgba(255,173,72,0.3) 50%,rgba(187,211,83,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d78d3eb', endColorstr='#4dbbd353',GradientType=1 );
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
	z-index: 1;
}
.hover-button .btn {
    padding: 5% 15%;
}
.card:hover .hover-button {
    opacity: 1;
    transition: opacity 0.5s;
}
.dealpagedetails{
    background: transparent linear-gradient(89deg, #686968 0%, #686968 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-top-right-radius: 10px;border-bottom-right-radius: 10px;
}
.dealpagecontainer .dealpagedetails .h5 {
    font-weight:400;
    font-style: normal;
}
.dealpagecontainer .mmoverlay {
    background: rgba(0, 0, 0, 0.1);
    padding: 1.5% 5% 1.5% 5%;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0%;
    text-align: center;
    pointer-events: none;
}

.dealpagecontainer .srprice {
    padding: 1% 2% 1% 2%;
    color: #222222;
}


@media screen and (max-width:1930px) { /* desktop */
    .cardeal-inner .dealpagecontainer .srimage {
        height: auto;
    }
}

/*---------------------------------------------------------------------------------------------------*/
/*--------------------------FAQs tabs and deal page options tabs-------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.dealopt .nav-item .active {
    background-color:#BF7A0C;
}
.dealopt .nav-tabs .nav-item {
    margin-right: 1%;
}
.dealopt .tab-content {
    height: 480px;
    overflow-y: scroll;
}
.dealopt .nav-tabs {
    border-bottom: none;
}
.dealopt .nav-link {
    border: 1px solid transparent;
    opacity: 100%;
    transition: all 1s;
}
.dealopt .nav-link:hover, .dealopt .nav-link:focus {
    border: 1px solid transparent;
    filter: drop-shadow(2px 4px 6px black);
}
.faqs .tab-content .card-body>div:last-of-type {
    border-bottom: none!important;
}
.faqs .dealopt .nav-tabs .nav-item.show .nav-link, .dealopt .nav-tabs .nav-link.active {
    color: #ffffff;
    background: #BF7A0C;
    border-color: transparent;
    position: relative;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
     color: #fff;
     background-color: #BF7A0C;
}
.faqs .dealopt .nav-tabs .nav-link>i {
    opacity: 0;
    transition: all 1s;
}
.faqs .dealopt .nav-tabs .nav-link.active>i {
    opacity: 1;
}
@media screen and (max-width:767px) { /* Mobile Large */
.faqs .tab-content {
    max-height: 600px;
    overflow: scroll;
}	
}
 
/*---------------------------------------------------------------------------------------------------*/
/*-------------------------------------Filters on all pages------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
#budgetsearch h2,
#budgetsearch .form-group,
#businesslease h2,
#businesslease .form-group,
#advresultdeals h2,
#advresultdeals .form-group 
{ /*remove padding and margin across all */
    margin-bottom: 0;
    padding-top: 0!important;
} 
#budgetsearch .row.row-nomargin,
#businesslease .row.row-nomargin,
#advresultdeals .row.row-nomargin
{ /*make everything in the row sit vertically aligned */
    align-items: center;
}

/*---------------------------------------------------------------------------------------------------*/
/*--------------------------------------- Finance pages ---------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.card .financeapp {
    border: none!important;
}
.financeapp .card-header{
    background: none;
    border: none;
    padding: unset;
}
.financeapp .card-body{
    background: #7fae9e;
    padding-left: unset;
}
.financeapp .dropdown-item{
    color: #FFFFFF;
    font-size: small;
    padding-left: 1rem!important;
}
.financeapp .dropdown-item:active{
    font-size: medium!important;
    font-weight: 600!important;
    background: none!important;
}
.financeapp .dropdown-item:focus,.financeapp .dropdown-item:hover{
    font-size: medium;
    font-weight: 600;
    background: none;
}
@media screen and (max-width:767px) { /* Mobile Large */
    .finance-application h3 {
        font-size: 18px;
        padding-bottom: 1px!important;
    }
    .finance-application p {
        font-size: 0.8rem!important;
    }
    .finance-application .form-group .control-label {
        display: none;
    }
    #financeform .form-control::placeholder {
        font-size: 13px;
        font-weight: 600;
    }
}



#financeform .notification{
    text-align: center;
    font-weight: 600;
}
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.cloned{
    border-top: 2px solid #6C8C80;
}

/*---------------------------------------------------------------------------------------------------*/
/*---------------------Secondary Ribbon coding for all pages - SDH 16-04-2021------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.sec-ribbon {position: absolute;bottom: 1px;right: 0px;height: auto;color: #fff; text-transform: uppercase;  text-align: center; font-size: 0.8rem;padding: 0.2rem 1rem;}
.ribbon-darkblue {background: #0a2673cc;}
.ribbon-gold {background: #715f07cc;}
.ribbon-crimson {background: #a00303cc;}
.ribbon-red {background: #f90303cc;}
.ribbon-lightgreen {background: #75d289cc;}
.ribbon-cyan {background: #30caeccc;}
.ribbon-purple {background: #8f77d8cc;}
.ribbon-green {background: #12a231cc;}
.ribbon-blush {background: #c1195fcc;}
.ribbon-aquamarine {background: #5a94d0cc;}
.ribbon-yellow {background: #abc70bcc;}
.ribbon-pink {background: #e60db7cc;}
.ribbon-blue {background: #0d64e6cc;}
.ribbon-orange {background: #e6710dcc;}

/*---------------------------------------------------------------------------------------------------*/
/*-------------------------------------New Filter buttons--------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*Filter button - button on the left*/
.filterbtn {
    position: fixed;
    bottom: 3%;
    right: 50%;
    border-radius:10px 0 0 10px;
    z-index:9;
    padding: .5% 5%;
    border-right: 2px solid #28272C;
}
.sortbtn:focus:after{
    border:transparent;
}
/*Sort button - button on the right*/
.sortbtn {
    position: fixed;
    bottom: 3%;
    left: 50%;
    border-radius:0 10px 10px 0;
    z-index:9;
    padding: .5% 5%;
}
.drawerbtn {
    box-shadow: 0px 5px 10px #000000;
}

/*Filter Drawer*/
.drawer-overlay{
    height: 100%;
    width:100%;
    background: rgba(109, 109, 109, 0.6);
    position: absolute;
    top:-100%;
}
.drawer-overlay-right{
    height: 100%;
    width:100%;
    background: rgba(109, 109, 109, 0.6);
    position: absolute;
    right:-100%;
}
.drawer-left{
    height: 100%;
    width:25%;
    background-color: #212529;
	border-right: 1px solid #4f504f;
    position: absolute;
    z-index: 20;
    left:-25%;
    overflow-y: auto;
}
.drawer-right{
    height: 100%;
    width:25%;
    background-color: #212529;
	border-left: 1px solid #4f504f;
    position: absolute;
    z-index: 20;
    right:-25%;
    overflow-y: auto;
}
.drawer-top{
    height: 100%;
    width:100%;
    background-color: #212529;
	border-right: 1px solid #4f504f;
    position: absolute;
    z-index: 20;
    left:0%;
    overflow-y: auto;
}

.keyline {float: left;border-bottom: 1px solid #9e9a9a;height: 10px;width: 90%;margin-left: 5%;margin-bottom: 10px;}
#filter .btn .text-right span:hover, #sort .btn .text-right span:hover {
    color: #BF7A0C!important;
}

#filter .btn, #sort .btn {
    border-bottom: 1px solid #2e3438;
    /* border-radius: 0px; */
}
#filter .btn.filter-row:hover, #sort .btn.filter-row:hover {
    background: #2e3438;
}

@media screen and (max-width:1600px) { /* Laptop */

.drawer-left,.drawer-right{
    width:30%;
}
}
@media screen and (max-width:760px) { /* Mobile Large */
.filterbtn, .sortbtn  {
    padding: 4% 16%;
}	
.sortbtn {
    left: 51%;
}
.filterbtn {
    right: 49%;
}
}
@media screen and (max-width: 600px) {

    .drawer-left, .drawer-right{
        width: 100%;
    }
}
/*---- Filter radio Buttons ----*/
.radio-container {
    display: block;
    position: relative;
	padding-top: 5px;
    padding-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border-bottom: 1px solid #9e9a9a;
  }
  
  /* Hide the browser's default radio button */
  .radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 7px;
    left: 90%;
    height: 24px;
    width: 24px;
    background-color: #ffffff;
    border-radius: 50%;
  } 
  .radio-container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
 
  .radio-container input:checked ~ .checkmark {
    background-color: #BF7A0C;
  }
  
  .radio-container input:disabled ~ .checkmark {
    background-color: #484848;
  }
  
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .radio-container input:checked ~ .checkmark:after {
    display: block;
  }
   
  .radio-container .checkmark:after {
      top: 6px;
      left: 6px;
      width:8px;
      height: 8px;
      border-radius: 50%;
      background: #BF7A0C;
  }

  .checkmark-checkbox {
    border-radius: 2px;
  } 
  
/*---------------------------------------------------------------------------------------------------*/
/*--------------------------------New Mailer - TR - 21.05.2021 --------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
  .toggleshow {
    display: flex;
  }
  .signupnbutton {
    padding: 0px 15px 15px 15px;
  }
  .signupnbutton button {
    padding: 4%;
    width: 50%;
  }
  .off {
    display: none;
  }
@media screen and (max-width:767px) {
  .bottom{
      bottom: -100vh;
  }
  .xs-col-top-sm{
      padding-top: 0%!important;
  }
  .signupcls{
    padding-top: 1rem!important;
    padding-bottom: .5rem!important;
    font-weight: 600;
  }
  .toggleclass{
    background: #8D8D8D!important;
    height: 100%;
    padding-top: 5%;
  }
}

/*---------------------------------------------------------------------------------------------------*/
/*------------------------------Cookie policy - TR - 21.05.2021 -------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.cookie-fixed{ bottom: 0; position: fixed; left: 0; border-radius: 4px;display:none;z-index: 1031;}
.cookie-fixed.no-cookie-show {display:none;}
.cookie-fixed.cookie-show {display:block;}
.cookie-fixed .fas{cursor: pointer;}
.cookie-fixed h2{font-size: 1.6rem; }
.cookie-fixed p{font-size: 12px; }
.cookie-fixed .bg-custom{background-color:#3d3d3e;}

/*---------------------------- search header - SDH - 14-02-2023 --------------------*/
.secondary-navbar .nav>li>a { color: #FFFFFF; padding: 3%;}
@media screen and (max-width:760px) { .secondary-navbar {display:none !important;}}

/*Landing page CSS */
.landing-banner {background-image: url('/images/landingpage-hero.jpg'); background-position:center center;background-color: #333333;}
.landing-banner .toggler-switch span {font-size: 1rem;}
.lp-hero-font-size {font-size:4rem; line-height:4rem;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-15 {width: 15% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.btn-lp-green {background:#7cb32f; color:#28272C; font-weight:700; font-size:1.3rem;}
.btn-lp-black {background:#28272C; color:#7cb32f; font-weight:700; font-size:1.3rem;}
.btn-lp-orange {background:#fd9617; color:#28272C; font-weight:700; font-size:1.3rem;}
.btn img {margin-left:0.6rem; margin-right:0.6rem;}
.opacity-5 {opacity:0.5 !important;}
.bg-orange {background:#fd9617;}
.bg-green {background:#7cb32f;}
.orange-colour {color:#fd9617;}
.green-colour {color:#7cb32f;}
.lp-advisor-bg {background-image: url('/images/advisor-bg.jpg'); background-position:center center;background-color: #333333;}
.lp-testimonials-bg {background-image: url('/images/testimonials-bg.jpg'); background-position:center center;background-color: #ffffff;}
.lp-why-vf-bg {background-image: url('/images/why-vehicleflex-bg.jpg'); background-position:center center;background-color: #333333;}
.lp-form .form-control {height: calc(2.5em + .75rem + 2px);font-size: 1.2rem;background-color: unset;color:#fff;}

.lp-form textarea.form-control {height: auto;}

footer .page-list a {color:#BF7A0C;}