body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    font-weight: 300;
}

:root .safari_only,
_::-webkit-full-page-media,
_:future {
    font-family: 'Roboto', sans-serif !important;
}

body,
html {
    margin: 0;
    padding: 0;
}

@media (min-width: 1600px) {.container {max-width: 1440px;}}

/* LAPTOP */
@media (max-width: 1300px) {
    .container {max-width: 1300px;}

    .specials-box, .defiant-box, .loros-box{height: 250px !important;}
    .loros-box.tall-box{height: 300px !important;}
    .boxtriangle{padding-bottom: 10px !important;padding-left: 25px !important;}
    h3{font-size:1.5rem !important;}   
}

a {
    color: #007af7;
}

a:hover {
    color: #007af7;
    text-decoration: underline;
}

@media only screen and (max-width: 600px) {
    a {
        font-size: smaller;
    }
}

h1 {
    text-align: center;
    font-size: 2.5rem;
    color: #007af7;
}

.text-white h1 {
    color: #ffffff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: 'krub', sans-serif; */
    font-family: 'roboto', sans-serif;
    font-weight: 700;
}

.small {
    font-size: 12px;
}

.smaller {
    font-size: 11px;
    line-height: 13px;
}

.smallest {
    font-size: 10px;
    line-height: 12px;
}

.font-size-normal {
    font-size: 1rem;
}

.font-size-small {
    font-size: 0.8rem;
}

.font-size-smaller {
    font-size: 0.7rem;
}

.font-size-smallest {
    font-size: 0.6rem;
}

.font-size-big {
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
}

.font-size-bigger {
    font-size: 1.6rem;
}

.font-size-biggest {
    font-size: 2rem;
}

.font-size-enormous {
    font-size: 3.5rem;
    font-weight: 700;
}

.big {
    font-size: 1.2rem;
}

.bigger {
    font-size: 1.3rem;
}

.biggest {
    font-size: 1.5rem;
}

b, .bolder {
    font-weight: 700;
}

.boldest {
    font-weight: 700;
}

.line-height-normal {
    line-height: 1rem;
}

.line-height-smallest {
    line-height: 0.4rem;
}

.line-height-small {
    line-height: 0.9rem;
}

.line-height-big {
    line-height: 1.4rem;
}

.line-height-bigger {
    line-height: 1.6rem;
}

.line-height-biggest {
    line-height: 1.8rem;
}

.line-height-enormous {
    line-height: 3.5rem;
}

.loader {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    left: 50%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width:1599px) {
    .h3-header {
        font-size: 1.53rem !important;
    }

    .label-d-none {
        display: none;
    }

    .manu-logos {
        width: 50% !important;
    }
}

@media screen and (max-width:1199px) {
    .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;
    }

    .display-block-sm {
        display: block;
    }
}

@media screen and (max-width:850px) {
    .xs-line-height-normal {
        line-height: 1rem;
    }

    .bigger {
        font-size: 1.1rem !important;
    }

    .xs-font-size-huge {
        font-size: 2rem !important;
    }

    .xs-font-size-biggest {
        font-size: 1.3rem !important;
    }

    .xs-font-size-bigger {
        font-size: 1rem !important;
    }

    .xs-font-size-big {
        font-size: 0.9rem !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.55rem !important;
    }

    .xs-line-height-bigger {
        line-height: 1rem;
    }
}

@media screen and (max-width:350px) {
    .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;
    }

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

@media screen and (max-width:767px) {
	
	.fixprice {position: fixed;bottom: 0; width: 100%; left: 0;}
	
    .d-flex-sm-none {
        display: none !important;
    }

    .sm-center {
        text-align: center;
    }

    .mob-border-bottom {
        border-bottom: 5px solid #007af7;
    }
}

.breadcrumbs {
    font-size: 0.8rem;
}

.quat-overlay .breadcrumbs .quat-colour {
    color: #e5e5e5;
}

.breadcrumbs.text-white a,
.breadcrumbs.text-white span {
    color: #fff;
}

.hidden {
    display: none;
}

.border-bottom {
    border-bottom: 1px solid #9a9a9a !important;
}

.border-top {
    border-top: 1px solid #9a9a9a !important;
}

.border-left {
    border-left: 1px solid #9a9a9a !important;
}

.border-right {
    border-right: 1px solid #9a9a9a !important;
}

.border-right-dark {
    border-right: 1px solid #1E2D37 !important;
}

.border-bottom-dark {
    border-bottom: 1px solid #1E2D37 !important;
}

.border-left-dark {
    border-left: 1px solid #1E2D37 !important;
}
.border-bottom-2 {
    border-bottom: 2px solid #9a9a9a !important;
}

.border-top-2 {
    border-top: 2px solid #9a9a9a !important;
}

.border-left-2 {
    border-left: 2px solid #9a9a9a !important;
}

.border-right-2 {
    border-right: 2px solid #9a9a9a !important;
}

.border-bottom-light {
    border-bottom: 1px solid #ffffff !important;
}

.border-top-light {
    border-top: 1px solid #ffffff !important;
}

.border-left-light {
    border-left: 1px solid #ffffff !important;
}

.border-right-light {
    border-right: 1px solid #ffffff !important;
}

.border-bottom-light-2 {
    border-bottom: 2px solid #ffffff !important;
}

.border-top-light-2 {
    border-top: 2px solid #ffffff !important;
}

.border-left-light-2 {
    border-left: 2px solid #ffffff !important;
}

.border-right-light-2 {
    border-right: 2px solid #ffffff !important;
}

.bg-blur-5 {
    backdrop-filter: blur(5px)
}

.hover-underline:hover {
    text-decoration: underline;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nobullet {
    list-style: none;
}

.navbar-default {
    background-color: #ffffff;
    border: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.white-box {
    float: left;
    background-color: #ffffff;
    margin: 0;
    width: 100%;
}

.grey-box {
    float: left;
    background-color: #f7f7f7;
    margin: 0;
    width: 100%;
}

.btn-square {
    border-radius: 0 !important;
}

.btn-space {
    margin: 5px;
}

.btn-70height {
    height: 70px;
}

.btn-wrap-text {
    white-space: normal;
}

.display-block {
    display: block;
}

.panel-body {
    padding: 15px 25px;
}

.panel-no-body {
    padding: 0;
}

.panel-no-bottom {
    margin-bottom: 0;
}

.panel-border {
    border: 1px solid #E4E4E4;
}

.text-white {
    color: #fff;
}

.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) {
    .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-left{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.radius-right{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.radius-top-10 {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.radius-5px {
    border-radius: 5px;
}

.radius-20px-top {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.element-spacing {
    margin-top: 0;
    margin-bottom: 10px;
}

.offset-10 {
    padding-left: 10%;
    padding-right: 10%;
}

.offset-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.offset-15px {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.cursorpointer {
    cursor: pointer;
}

.text-nodecoration:hover {
    text-decoration: none;
}

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

.fullheight {
    height: 100%;
}

.nopadding {
    padding: 0 !important;
}

.row-top-sm {
    padding-top: 10px !important;
}

.row-bottom-sm {
    padding-bottom: 10px;
}

.row-top-md {
    padding-top: 20px !important;
}

.row-bottom-md {
    padding-bottom: 20px;
}

.row-top-lg {
    padding-top: 40px !important;
}

.row-bottom-lg {
    padding-bottom: 40px;
}

.col-top-sm {
    padding-top: 10px;
}

.halfheight {
    float: left;
    height: 50%;
}

.row-nomargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.col-no-margins {
    padding-left: 0;
    padding-right: 0;
}

.col-no-left-padding {
    padding-left: 0;
}

.col-no-right-padding {
    padding-right: 0;
}

.tooltip-inner {
    width: 400px;
    padding: 4px;
}

@media screen and (max-width:770px) {
	
	.container-fluid .container-fluid {padding-left:0px; padding-right:0px;}
	
	.offset-15px {padding-left: 0px !important; padding-right: 0px !important;}

    .md-nopadding {
        padding: 0 !important;
    }

    .md-row-top-sm {
        padding-top: 10px !important;
    }

    .md-row-bottom-sm {
        padding-bottom: 10px !important;
    }

    .md-row-top-md {
        padding-top: 20px !important;
    }

    .md-row-bottom-md {
        padding-bottom: 20px !important;
    }

    .md-row-top-lg {
        padding-top: 40px !important;
    }

    .md-row-bottom-lg {
        padding-bottom: 40px !important;
    }

    .md-display-block {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .xs-nopadding {
        padding: 0 !important;
    }

    .xs-row-top-sm {
        padding-top: 10px !important;
    }

    .xs-row-bottom-sm {
        padding-bottom: 10px !important;
    }

    .xs-row-top-md {
        padding-top: 20px !important;
    }

    .xs-row-bottom-md {
        padding-bottom: 20px !important;
    }

    .xs-row-top-lg {
        padding-top: 40px !important;
    }

    .xs-row-bottom-lg {
        padding-bottom: 40px !important;
    }

    .xs-display-block {
        display: block;
    }
}

.d-relative {
    position: relative;
}


/* .btn {
    transition: none !important;
} */
button.link-button {
    -webkit-appearance: unset;
    background: transparent;
    border: none;
    text-decoration: underline;
}

.shadow {
    -webkit-box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.2) !important;
}

.img-shadow {
    filter: drop-shadow(0px 3px 6px #00000033)
}

.img-dull {
    filter: brightness(0.8)
}

.bg-blur {
    backdrop-filter: blur(3px)
}

.btn-margin {
    margin: 1% 2%;
}

.readmore {
    display: block;
}

.make-highlight{
    color:#007af7;
    font-weight: bold !important;
}
.model-highlight{
    color:white;
    font-weight: normal !important;
}

.special-ribbon{
    position: absolute;
    top: 116px;
    z-index: 100;
}

.special-ribbon.alt{
    top:-1px;
}

.primary-overlay .readless.primary-colour,
.primary-overlay .readmore.primary-colour,
.primary-overlay a,
.quat-overlay .readless.primary-colour,
.quat-overlay .readmore.primary-colour,
.quat-overlay a {
    color: #ffffff;
    text-decoration: underline;
}


/*----------------------------------------------------------------------------*/
/*------------------------------ Primary Colour ------------------------------*/
/*----------------------------------------------------------------------------*/

.primary-colour {color: #007af7;}

.primary-colour-dark {color: #2E3092;}

.primary-bg {background: #007af7;color: #ffffff;}

.primary-bg-dark {background: #2E3092;color: #ffffff;}

.primary-button {
    background: #007af7;
    color: #ffffff;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.primary-button-dark {
    background: #2E3092;
    color: #ffffff;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.primary-button:hover {
    background: #2E3092;
    color: #ffffff;
    filter: drop-shadow(0px 3px 6px #00000075);
}
.primary-button {box-shadow: 0px;}

.primary-button-dark:hover {
    background: #007af7;
    color: #ffffff;
    filter: drop-shadow(0px 3px 6px #00000075);
}


.primary-button-outline{
    border:2px #007af7 solid;
    border-radius: 5px;
    color:#007af7;
    background-color: transparent;
}

.primary-button-outline:hover{
    background-color: #007af7;
    color:white;
}

.primary-border {
    border: 1px solid #007af7;
}

.primary-border-bottom {
    border-bottom: 1px solid #007af7;
}

.primary-overlay {
    background-color: rgba(0, 122, 247, 0.8);
    border-radius: 20px;
}

.primary-overlay-50 {
    background-color: rgba(0, 122, 247, 0.5);
    border-radius: 20px;
}

.primary-overlay .breadcrumbs a {
    color: white !important;
    text-decoration: underline;
}

.primary-overlay .breadcrumbs span {
    color: white !important;
}

.primary-bg-gradient {
    color: #ffffff;
    background: rgb(0, 105, 180);
    background: -moz-linear-gradient(top, rgba(0, 105, 180, 1) 0%, rgb(0, 59, 102) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 105, 180, 1) 0%, rgba(0, 59, 102, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 105, 180, 1) 0%, rgba(0, 59, 102, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af7', endColorstr='#007af7', GradientType=0);
}


.primary-bg-light{
    /*background-color: #b7e5f5;*/
	background-color: #070587; border: 1px solid #0d0040;
	background: rgb(7,5,135);
	background: linear-gradient(180deg, rgba(7,5,135,1) 0%, rgba(5,4,102,1) 100%);
	padding: 1rem 1.5rem;
}

.team-bg{background-color: #cdeffb !important;}
/*------------------------------------------------------------------------------*/
/*------------------------------ Secondary Colour ------------------------------*/
/*------------------------------------------------------------------------------*/

.secondary-colour {color: #E4E4E4;}

.secondary-button {
    background: #E4E4E4;
    color: #9a9a9a;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.secondary-button:hover {
    background: #bbbbbb;
    color: #333333;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.secondary-bg,
.secondary-bgcolor {
    /* background: #F7F7F7; */
    background: #E4E4E4;
    color: #9a9a9a;
}

.secondary-bg-gradient {
    background: rgb(247, 247, 247);
    background: -moz-linear-gradient(-45deg, rgba(247, 247, 247, 1) 0%, rgba(216, 216, 216, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(247, 247, 247, 1) 0%, rgba(216, 216, 216, 1) 100%);
    background: linear-gradient(135deg, rgba(247, 247, 247, 1) 0%, rgba(216, 216, 216, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#d8d8d8', GradientType=1);
    color: #9a9a9a;
}

.secondary-border {border: 1px solid #cccccc;}

.secondary-border-top {border-top: 1px solid #cccccc;}

.secondary-border-bottom {border-bottom: 1px solid #cccccc;}

@media screen and (max-width:767px) {
    .secondary-bg-mob {
        background: #E4E4E4;
    }
}

/*-----------------------------------------------------------------------------*/
/*------------------------------ Tertiary Colour ------------------------------*/
/*-----------------------------------------------------------------------------*/

.tertiary-colour {
    color: #14b592 !important;
}

.tertiary-colour-alt {
    color: #0CAD13 !important;
}

.tertiary-bg {
    background: #12eebe;
    color: #ffffff;
}

.tertiary-button {
    color: #ffffff;
    background: #12eebe;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.tertiary-button:hover {
    color: #ffffff;
    background: #11d6ab;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.tertiary-button-outline {
    background: #ffffff;
    color: #11d6ab;
    border: 4px solid #11d6ab;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.tertiary-button-outline:hover {
    background: #11d6ab;
    color: #ffffff;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.tertiary-button-gradient {
    color: #ffffff;
    background-color: #12eebe;
    background-image: linear-gradient(147deg, #12eebe 0%, #12eebe 74%);
    border: 0;
    transition: 0.5s !important;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
}

.tertiary-button-gradient:hover {
    color: #ffffff;
    background-color: #11d6ab;
    border: 0;
    filter: drop-shadow(0px 3px 6px #00000075);
    transition: 0.5s !important;
}


/*--------------------------------------------------------------------------*/
/*------------------------------ Quat Colour -------------------------------*/
/*--------------------------------------------------------------------------*/

.quat-colour {
    color: #1E2D37;
}

.quat-colour-dark {
    color: #333333;
}

.quat-border {
    border: 1px solid #1E2D37;
}

.quat-border-bottom {
    border-bottom: 4px solid #1E2D37;
}

.quat-bg {
    background: #1E2D37;
    color: #fff;
}

.quat-bg-dark {
    background: #101A1E;
    color: #fff;
}

.quat-button {
    background: #bbbbbb;
    color: #333333;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.quat-button:hover {
    background: #1E2D37;
    color: #fff;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.quat-button-dark {
    background: #333333;
    color: #fff;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.quat-button-dark:hover {
    background: #1E2D37;
    color: #fff;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.quat-overlay-50 {
    background: -moz-linear-gradient(top, rgba(141, 141, 141, 0.5) 0%, rgba(141, 141, 141, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(141, 141, 141, 0.5) 0%, rgba(141, 141, 141, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(141, 141, 141, 0.5) 0%, rgba(141, 141, 141, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1E2D37', endColorstr='#cc1E2D37', GradientType=0);
    border-radius: 20px;
}

.quat-overlay {
    background: -moz-linear-gradient(top, rgba(141, 141, 141, 0.8) 0%, rgba(141, 141, 141, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(141, 141, 141, 0.8) 0%, rgba(141, 141, 141, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(141, 141, 141, 0.8) 0%, rgba(141, 141, 141, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1E2D37', endColorstr='#cc1E2D37', GradientType=0);
    border-radius: 20px;
}

.quat-overlay-dark {
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 0.8) 0%, rgba(51, 51, 51, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.8) 0%, rgba(51, 51, 51, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(51, 51, 51, 0.8) 0%, rgba(51, 51, 51, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc333333', endColorstr='#cc333333', GradientType=0);
    border-radius: 20px;
}

/*-----------------------------------------------------------------------------*/
/*------------------------------ General Colours ------------------------------*/
/*-----------------------------------------------------------------------------*/

.chosen-bg{background: #2E3092 !important;}


.quin-bg {background-color: #E5F0F8;}

.hybrid-colour{color:#24b52a;}

.green-button {
    color: #ffffff;
    background: #24b52a;
    opacity: 0.8;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.green-button:hover {
    color: #ffffff;
    background: #24b52a;
    opacity: 1;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.special-border-bottom {border-bottom: 4px solid #e3001b;}

.detail-border-bottom {border-bottom: 1px solid #9a9a9a;}

.detail-border-left {border-left: 1px solid #9a9a9a;}

@media screen and (max-width:770px) {
    .detail-border-bottom {
        border-bottom: none !important;
    }

    .detail-border-left {
        border-left: none !important;
    }
}

.form-horizontal .control-label.text-left {
    text-align: left;
}

.form-group.select-short select+i.fa {
    float: right;
    margin-top: -37px;
    margin-right: 5px;
    pointer-events: none;
    background-color: transparent;
    padding-right: 5px;
    color: #555555;
    font-size: 1.3em;
}

.form-control {
    border: 1px solid #067db1;
    border-radius: 5px;
    color: #a2a2a2;
}

input::placeholder {
    color: #a2a2a2;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #a2a2a2;
}

input::-ms-input-placeholder {
    color: #a2a2a2;
}

.custom-checkbox .custom-control-label::before {
    background: #ffffff;
    border: 1px solid #007af7;
    border-radius: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #067db1 !important;
    border: 1px solid #007af7;
}

.has-error.has-danger {
    color: #e3001b;
}

button[type=submit]:after {
    /* background: url("/images/submit-arrows.png"); */
    /* width: 30px; */
    /* height:30px; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */

    /* content: '\f054' !important;
    padding-left:10px;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    font-size: 1rem !important;
    text-decoration: none !important;
    display: flex;
    justify-content: center;
    align-items: center; */
}

select {
    width: 268px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 5px;
    height: 34px;
    background: url("/images/dropdown-arrows.svg") no-repeat right #ddd;
    -webkit-appearance: none;
    background-position-x: 95%;
}

.selectedSelect {
    background: url("/images/selectcheck.svg") no-repeat right #ddd;
    background-color: rgb(221, 221, 221);
    background-position-x: right;
    background-clip: border-box;
    -webkit-appearance: none;
    background-position-x: 95%;
}

.slick-dots {
    left: 0;
}

.slick-dots li button:before {
    font-size: 20px;
}

.slick-dots li button:before {
    content: '\f0c8' !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    font-size: 1rem !important;
}

.slick-dots li.slick-active button:before {
    color: #067db1 !important;
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    content: "\f054" !important;
    color: #1E2D37 !important;
}

.slick-prev:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    content: "\f053" !important;
    color: #1E2D37 !important;
}

.slick-prev {
    left: -10px !important;
}

.slick-next {
    right: -10px !important;
}

.slick-slide {
    max-width: 100%;
}

.slick-prev.slick-arrow {
    z-index: 1;
}

@media screen and (max-width:767px) {

    .slick-next,
    .slick-prev {
        top: 103%;
    }
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007af7;
}

.car-btn,
.pickup-btn,
.van-btn {
    height: 60px;
    border-radius: 1rem;
    background-color: #ff7c00;
    background-image: linear-gradient(147deg, #ffb43b 0%, #ff7c00 74%);
    filter: drop-shadow(0px 0px 0px #333333);
    transition: filter 0.5s;
}

.car-btn.text-white,
.pickup-btn.text-white,
.van-btn.text-white {
    font-weight: 500;
    font-size: 1.5rem !important;
}

.car-btn:hover,
.pickup-btn:hover,
.van-btn:hover {
    filter: drop-shadow(0px 8px 6px #333333);
    transition: filter 0.5s;
    text-decoration: none;
}

@media screen and (max-width:767px) {

    .car-btn,
    .pickup-btn,
    .van-btn {
        background-size: contain;
        height: 80px;
    }
}

.corner-ribbon {
    width: 200px;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    color: #ffffff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right {
    top: 25px;
    right: -60px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom {
    top: auto;
    bottom: 0;
    left: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    width: 100%;
}

.ticker-container {
    padding-top: 0.4rem !important;
    padding-bottom: 0.1rem !important;
}

.ticker {
    overflow: hidden;
    position: relative;
}

.ticker p {
    text-align: left;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: ticker 25s linear infinite;
    -webkit-animation: ticker 25s linear infinite;
    animation: ticker 25s linear infinite;
}

.ticker a {
    color: #ffffff;
    text-decoration: underline;
}

.ticker:hover p {
    animation-play-state: paused;
}

@-moz-keyframes ticker {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes ticker {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
    font-size: 1.35rem;
    background-color: #ffffff;
    z-index: 100;
}

.header .logo {
    padding: 1% 0;
}

.header .logo img {
    max-width: 90%;
}

.header .phone {
    font-size: 1.3rem;
}

.header .phone span {
    display: inline-block;
    vertical-align: middle;
}

.header .phone b {
    font-size: 2.4rem;
    line-height: 2.6rem;
    color: #067db1;
}

.header a.nav-link:focus {
    outline: none;
}

.header nav.navbar {
    padding: 0;
}

.header .nav {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-weight: 600;
}

.dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.header .navbar {
    margin-bottom: 0;
}

#main-menu li a,
.header .nav>li>a {
    color: black;
    font-size: 1.3rem;
    padding: 0.5rem 2.5rem;
    transition: color 0.3s;
}

.header .navbar {
    min-height: auto;
}

#topnavbar {
    /* border-bottom: 3px solid #2E3092; */
    min-height: auto;
}

.header .nav>li.open {
    background-color: #F7F7F7;
}

.header .nav>li.specials>a {
    color: #067db1;
}

.header .topnav ul.nav,
.header .topnav ul.nav .nav-link {
    padding: 0;
    width: 100%;
    font-size: 0.8rem;
}

.header .topnav ul.nav .nav-item {
    border-right: 1px solid #fff;
}

.header .topnav ul.nav .nav-item:last-child {
    border-right: none;
}

.header .topnav ul.nav .nav-item:hover {
    font-weight: normal;
    text-decoration: underline;
}

@media screen and (max-width:767px) {
    .header .topnav ul.nav .nav-item {
        padding: 1.5%;
        border-right: 1px solid #ffffff;
    }
}

.header #more .dropdown-menu,
.header #mygarage .dropdown-menu {
    background: #007af7;
    border-radius: 0;
    padding: 0;
}

#searchbar .drop:first-of-type {
    border-left: 1px solid #ffffff;
}

#searchbar .drop {
    border-right: 1px solid #ffffff;
}

#searchbar .vandrop {
    border-right: 1px solid #ffffff;
}

#searchbar .cv-switch {
    border-right: 1px solid #ffffff;
}

#searchbar .cv-switch:first-of-type {
    border-right: none;
    border-left: 1px solid #ffffff;
}

#searchbar .nav-link {
    padding: 1%;
}

#searchbar .nav-link[data-toggle="dropdown"] {
    padding-top: 2%;
    height: 100%;
}

#more-dropdown .dropdown-menu>.active>a,
#more-dropdown .dropdown-menu>.active>a:focus,
#more-dropdown .dropdown-menu>.active>a:hover {
    background: #007af7 !important;
    color: #ffffff;
}

.header .nav>li#more-dropdown>a:hover {
    font-weight: bold;
}

.header .nav-item:focus,
.header .nav-item:hover {
    font-weight: bold;
    text-decoration: underline;
}

.header .navbar.main .nav>li {
    border-radius: 5px;
    transition: background-color 0.3s;
}

#main-menu li:hover a,
.header .navbar.main .nav>li.active,
.header .navbar.main .nav>li:hover {
    text-decoration: underline;
    /* border-radius: 5px; */
    transition: background-color 0.3s;
    font-weight: bold;
}



.header .navbar.main .nav>li.active>a,
.header .navbar.main .nav>li:hover>a {
    transition: color 0.3s;
}

.header .nav>li.dropdown>a:hover,
.header .nav>li.dropdown.active>a,
.header .nav>li.dropdown.open>a,
.header .nav>li.dropdown.opened>a {
    text-decoration: underline;
    font-weight: bold;
}

.header ul.nav.topnav .nav-item.active,
.header ul.nav.topnav .nav-item.active .nav-link,
.header ul.nav.topnav .nav-item:hover,
.header ul.nav.topnav .nav-item:hover .nav-link {
    color: #1E2D37 !important;
    background-color: #ffffff;
    font-weight: bold;
}

.header ul.nav.topnav .nav-item:nth-child(1) {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

.header ul.nav.topnav .nav-item:nth-child(2),
.header ul.nav.topnav .nav-item:nth-child(3),
.header ul.nav.topnav .nav-item:nth-child(4) {
    border-right: 1px solid #ffffff;
}

.header-modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.header-modal .modal-content {
    height: 100vh;
    border-radius: 0;
    background: #007af7;
    background: -moz-linear-gradient(top, rgba(0, 105, 180, 1) 0%, rgba(0, 105, 180, 0.3) 1%, rgba(0, 105, 180, 0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 105, 180, 1) 0%, rgba(0, 105, 180, 0.3) 1%, rgba(0, 105, 180, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 105, 180, 1) 0%, rgba(0, 105, 180, 0.3) 1%, rgba(0, 105, 180, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af7', endColorstr='#cc007af7', GradientType=0);
    backdrop-filter: blur(5px);
}

.modal.header-modal {
    padding-right: 0 !important;
}

.header-container {
    /*height: 105px;*/
	height: 137px;
}

.slideup {
    top: 200vh;
    transition-property: top;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.open {
    top: 0;
}

.slidedown {
    top: -200vh;
    transition-property: top;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.openDown {
    top: 0;
}

@media screen and (min-width:1550px) {
    .header .logo img {
        max-width: 120%;
		margin-left:-15%;
    }
}

@media screen and (max-width:1550px) {
    .header-container {
        height: 100px;
    }
}

@media screen and (max-width:1366px) {
    .header .logo img {
        max-width: 100%;
        /*height: 50px;*/
    }

    .header-container {
        height: 110px;
    }
}

@media screen and (max-width:1050px) {
    .header-container {
        height: 110px;
    }
}

@media screen and (max-width:770px) {
    .header .logo img {
        max-width: 70%;

    }

    #more-dropdown .dropdown-menu {
        left: -73%;
    }

    .header-container {
        height: 100px;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }

    .header ul.nav.topnav .nav-item {
        width: 25%;
    }
}

@media screen and (max-width:767px) {
    .header .logo img {
        /*max-width: 80%;*/
				max-width: 60%;
    }

    .header .logo {
        padding: 2% 0;
    }

    .topnav .nav-link {
        padding: 0.5rem;
    }

    #more-dropdown .dropdown-menu {
        width: 100%;
    }

    .navbar-toggler {
        padding: 0.25rem 0.64rem;
    }

    .header #more .dropdown-menu.show {
        left: -180%;
    }

    .header .main .nav {
        width: 100%;
    }

    .header .nav>li>a:hover span,
    .header .nav>li.active>a span {}

    .header-container {
        height: 90px;
    }

    .header-modal .modal-content {
        background: #1E2D37;
    }

    .slidedown,
    .slideup {
        top: 0;
    }

    .header .nav>li>a {
        padding: 0;
        /* margin-left: 1.4rem; */
        margin: 0.5rem;
    }

    .header .nav>li>a.primary-button {
        padding: 0.2rem 0.8rem;
    }

    #main-menu li {
        text-align: left;
        border-bottom: 1px solid #eeeeee;
    }

    #main-menu li a {
        width: 100%;
        padding: 1% 0;
        display: block;
    }

    #main-menu li u {
        display: block;
    }

    .topnav .dropdown-menu .nav>li>a {
        margin-left: 0;
    }
}

@media screen and (max-width:380px) {
    .header-container {
        height: 88px;
    }

    .header .logo img {
        max-width: 70%;
    }

    .navbar-toggler {
        padding: 0.25rem 0.22rem;
    }
}

@media screen and (max-width:330px) {
    .header .nav>li>a {
        margin-left: 1rem;
    }
}

footer .footer_bg {
    float: left;
    width: 100%;
    padding: 2% 0;
    color: #ffffff;
    margin: 0;
	background-color: #1E2D37;
 /*   background-image: url('/images/footer-bg.svg');
    background-repeat: no-repeat;
    
    background-size: cover;
    border-top: 10px solid #007af7;*/
    box-shadow: inset 0px 3px 6px 0px #000000;
}

footer .footer_bg a {
    color: white;
}

footer .footer-logos {
    max-height: 40px;
    margin: 7px 3px;
    padding: 6px;
    /* max-width: 35%; */
}

footer .footer_bg .col-md-9 {
    border-left: 2px solid #9a9a9a;
}

@media screen and (min-width:767px) and (max-width:824px) {
    .footer_bg .form-group {
        padding-left: 0 !important;
        padding-right: 2px !important;
    }
}

@media screen and (max-width:850px) {
    .mtrigger {
        background: transparent;
        width: 100%;
        margin-bottom: 0 !important;
        cursor: pointer;
    }

    .mhideable {
        padding: 4% 1%;
    }

    .mhideable div {
        border: none !important;
    }

    .mtrigger .fa-minus {
        display: none;
    }

    .mtrigger .fa-plus {
        display: inline;
    }

    .mtrigger.active .fa-minus {
        display: inline;
    }

    .mtrigger.active .fa-plus {
        display: none;
    }

    footer .footer-logos {
        padding: 2%;
    }

    footer .footer_bg .col-md-9 {
        border-left: none;
    }
}

.mainbanner {
    height: 40vh;
}

.mainbanner .mainbanner-bg-0,
.mainbanner .mainbanner-bg-1,
.mainbanner .mainbanner-bg-2,
.mainbanner .mainbanner-bg-3,
.mainbanner .mainbanner-bg-4,
.mainbanner .mainbanner-bg-5 {
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: zoom-in 20s ease-out;
    animation-name: zoom-in;
    animation-duration: 20s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-fill-mode: forwards;
}

.mainbanner.mainbanner-0,
.mainbanner.mainbanner-1,
.mainbanner.mainbanner-2,
.mainbanner.mainbanner-3,
.mainbanner.mainbanner-4,
.mainbanner.mainbanner-5 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mainbanner .mainbanner-bg-0,
.mainbanner.mainbanner-0 {
    background-image: url("/images/mainbanner-0.webp");
}

.mainbanner .mainbanner-bg-1,
.mainbanner.mainbanner-1 {
    background-image: url("/images/mainbanner-1.webp");
}

.mainbanner .mainbanner-bg-2,
.mainbanner.mainbanner-2, .mainbanner-2 {
    /*background-image: url("/images/mainbanner-2.webp");*/
	/*background-image: url("/images/anniversary_banner.jpg");*/
	/* background-image: url("/images/anniversary_banner_v2.jpg"); */
	background-image: url("/images/mw-promo-banner.png");
	
}

.mainbanner .mainbanner-bg-3,
.mainbanner.mainbanner-3 {
    background-image: url("/images/mainbanner-3.webp");
}

.mainbanner .mainbanner-bg-4,
.mainbanner.mainbanner-4 {
    background-image: url("/images/mainbanner-4.webp");
}

.mainbanner .mainbanner-bg-5,
.mainbanner.mainbanner-5 {
    background-image: url("/images/mainbanner-5.webp");
}

.ev-van-guide-0 {
	background-image: url("/images/ev-guide-bg.jpg");
    background-size: cover;
    background-position: center center;	
}

.banner-position {
    position: relative;
    overflow: hidden;
}

.zoombanner-container {
    z-index: 1;
}

@keyframes zoom-in {
    0% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1.15, 1.15);
    }

    0% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1.15, 1.15);
    }
}

.homecta-bg {
    background-image: url("/images/homecta-bg.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mainbanner .quat-overlay {
    border-radius: 20px;
}

.to-animate {
    opacity: 0;
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
    -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.is-animated {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.mission .readless.primary-colour,
.mission .readmore.primary-colour {
    color: #ffffff;
}

.dealpagecontainer {
    float: left;
    padding: 0;
    width: 100%;
    background: #edf1f4; 
    color: black;
    /*border: 1px solid #007af7;*/
    margin-bottom: 2%;
    border-radius: 4px;
    height: auto !important;
    position: relative;
    overflow: hidden;
}

.dealpagecontainer .mmoverlay {
    background: rgba(0, 0, 0, 0.1);
    padding: 1.5% 5%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    pointer-events: none;
}

.ovehicle {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.td-vehicle {
	max-width: 90%;
    margin: 10px 25px 40px 25px;
   /* border: 1px solid #585656;*/
}

.webquote .ovehicle {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.dealpagecontainer .srimage {
    object-fit: none;
    object-position: 50% 65%;
    /* height: auto; */
    width: 100%;
    position: relative;
    /* overflow: hidden; */
    max-height: 250px;
}

.dealpagecontainer .image-backdrop{
    background-image: url('/images/tile-swish.png');
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: cover;
    background-position: right;
}



@media screen and (max-width:1366px) {
    .dealpagecontainer .srimage {
        max-height: 170px;
    }
}

@media screen and (max-width:1300px) {
    .dealpagecontainer .srimage {
        max-height: 135px;
    }
}

@media screen and (max-width:1300px) {
    .dealpagecontainer .ipad-size.srimage {
        max-height: 195px;
    }
}

@media screen and (max-width:1000px) {
    .dealpagecontainer .srimage {
        max-height: 135px;
    }

    .dealpagecontainer .ipad-size.srimage {
        /* max-height: 140px; */
        /* max-height: 195px; */
        /* max-height: none; */
        max-height: 220px;

    }
}

@media screen and (max-width:767px) {
    .dealpagecontainer .srimage {
        max-height: 115px;
    }

    .vehicleimg.dealpage{height: 235px; width: 350px;}
	
	.td-vehicle {margin: 20px 25px 9px 25px;}
	.derivative-tip .border-right-dark {border-right:0px !important;}
	.derivative-tip .border-left-dark {border-left:0px !important;}

}

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

.dealpagecontainer .price-zoom {
    transition: transform 0.8s;
}

.dealpagecontainer .srimage img {
    filter: none;
    transition: all 0.5s;
}

.dealpagecontainer:hover .srimage img {
    filter: blur(2px);
}

.dealpagecontainer:hover .price-zoom {
    transform: scale(1.1);
    transition: transform 0.8s;
}

.highlightprice {
    outline: 0.5rem solid #ff7c00;
    outline-offset: -0.5rem;
}

.dealpagecontainer .hover-button {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 10%;
    background: -moz-linear-gradient(-45deg, rgba(141, 141, 141, 0.4) 0%, rgba(141, 141, 141, 0.4) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(141, 141, 141, 0.4) 0%, rgba(141, 141, 141, 0.4) 100%);
    background: linear-gradient(135deg, rgba(141, 141, 141, 0.4) 0%, rgba(141, 141, 141, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#661E2D37', endColorstr='#661E2D37', GradientType=1);
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    z-index: 2;
}

.dealpagecontainer .derivative.hover-button {
    backdrop-filter: unset !important
}

.dealpagecontainer:hover .hover-button {
    opacity: 1;
    transition: opacity 0.5s;
}

.derivative-tip {
   /* background-image: url('/images/derivative-slash.svg');
    background-repeat: no-repeat;
    background-color: #1E2D37;
    background-size: cover;
    background-position: right;*/
    background-image: url('/images/tile-top-swish.png');
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: right;
}

.derivative-swish {
   /* background-image: url('/images/derivative-slash.svg');
    background-repeat: no-repeat;
    background-color: #1E2D37;
    background-size: cover;
    background-position: right;*/
    background-image: url('/images/tile-derivative-swish.png');
    background-repeat: no-repeat;
    background-color: #edf1f4;
    background-position: right;
}

@media screen and (max-width:767px) {
    #businesslease .container-fluid {
        padding: 0;
    }

    .dealpagecontainer .sp-overlay {
        width: 40%;
    }

    .dealpagecontainer .row .col-12 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    /* .row-nomargin .tile:nth-child(even) {
        padding-right: 0;
    } */

    /* .row-nomargin .tile:nth-child(odd) {
        padding-left: 0;
    } */

    .row-nomargin .tile.slick-slide:nth-child(even) {
        padding-right: 3px;
        padding-left: 3px;
    }

    .row-nomargin .tile.slick-slide:nth-child(odd) {
        padding-left: 3px;
        padding-right: 3px;
    }
/* 
    .tile:nth-child(even) {
        padding-left: 7.5px;
    }

    .tile:nth-child(odd) {
        padding-right: 7.5px;
    } */

    .dealpagecontainer .tile-title {
        min-height: 47px !important;
        align-items: center;
        display: flex;
    }
}

.van-home-img {
    background-image: url("/images/van-home-img.webp");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 400px;
}

.pickup-home-img {
    background-image: url("/images/pickup-home-img.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 400px;
}

.car-home-img {
    background-image: url("/images/car-home-img.webp");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 400px;
}

.image-boxes .overlay {
    color: #ffffff;
    width: 100%;
    height: 100%;
    padding: 3%;
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.9) 40%, rgba(51, 51, 51, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.9) 40%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.9) 40%, rgba(51, 51, 51, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#00333333', GradientType=0);
}

.manu-bg {
    display: inline-block;
    width: 9%;
}

#search-menu .manu-bg {
    width: 12%;
}

.manu-logos {
    max-width: 50%;
    width: 30%;
    height: 75%;
}

.bodytype-bg {
    display: inline-block;
    width: 19%;
    margin: 0.3% 0.3% 1%;
}

.budget-bg {
    display: inline-block;
    width: 15%;
    margin: 0.3% 0.3% 1%;
}

.faqs .tab-content {
 /*   max-height: 450px;
    overflow-y: scroll;
	*/
	
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.faqs .dealopt .nav-tabs .nav-item .nav-link {
    border-radius: 5px;
}

.faqs .card-header {
    background: transparent;
}

.faqs .card-link .fa-plus {
    display: none;
}

.faqs .card-link .fa-minus {
    display: inline-block;
}
.faqs .card-link.collapsed .fa-plus {
    display: inline-block;
}

.faqs .card-link.collapsed .fa-minus {
    display: none;
}



.quote .card-link .fa-plus {display: none;}
.quote .card-link .fa-minus {display: inline-block;}
.quote .card-link.collapsed .fa-plus {display: inline-block;}
.quote .card-link.collapsed .fa-minus {display: none;}

@media (max-width: 767px) {
    .home-ctas.content-slider {
        width: 100%;
        height: 55px;
    }

    .home-ctas .slider {
        height: 200px;
        width: 100%;
        overflow: visible;
        position: relative;
        align-content: center;
    }

    .home-ctas .mask {
        overflow: hidden;
        height: 200px;
    }

    .home-ctas .slider ul {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .home-ctas .slider li {
        width: 100%;
        height: 200px;
        position: absolute;
        top: -325px;
        list-style: none;
    }

    .home-ctas .slider .quote {
        font-size: 1.5rem;
        font-weight: 600;
        text-align: center;
    }

    .home-ctas .slider li.anim1 {
        animation: cycle 8s linear infinite;
    }

    .home-ctas .slider li.anim2 {
        animation: cycle2 8s linear infinite;
    }

    .home-ctas .slider li.anim3 {
        animation: cycle3 8s linear infinite;
    }

    .home-ctas .slider li.anim4 {
        animation: cycle4 8s linear infinite;
    }

    .home-ctas .slider li.anim5 {
        animation: cycle5 8s linear infinite;
    }

    @keyframes cycle {
        0% {
            top: 10px;
        }

        28% {
            top: 10px;
            opacity: 1;
            z-index: 0;
        }

        29% {
            opacity: 0.1;
        }

        32% {
            top: 30px;
            opacity: 0;
            z-index: -1;
        }

        33% {
            top: -325px;
            opacity: 0;
            z-index: -1;
        }

        92% {
            top: -40px;
            opacity: 0;
            z-index: 0;
        }

        96% {
            top: 10px;
        }

        100% {
            top: 10px;
        }
    }

    @keyframes cycle2 {
        0% {
            top: -325px;
            opacity: 0;
        }

        28% {
            top: -40px;
            opacity: 0;
        }

        32% {
            top: 10px;
            opacity: 1;
        }

        60% {
            top: 10px;
            opacity: 1;
            z-index: 0;
        }

        61% {
            opacity: 0.1;
        }

        64% {
            top: 30px;
            opacity: 0;
            z-index: 0;
        }

        65% {
            top: -325px;
            opacity: 0;
            z-index: -1;
        }

        100% {
            top: -325px;
            opacity: 0;
            z-index: -1;
        }
    }

    @keyframes cycle3 {
        0% {
            top: -325px;
            opacity: 0;
        }

        60% {
            top: -40px;
            opacity: 0;
        }

        64% {
            top: 10px;
            opacity: 1;
        }

        92% {
            top: 10px;
            opacity: 1;
            z-index: 0;
        }

        93% {
            opacity: 0.1;
        }

        96% {
            top: 30px;
            opacity: 0;
            z-index: 0;
        }

        100% {
            top: -325px;
            opacity: 0;
            z-index: -1;
        }
    }

    @keyframes cycle4 {
        0% {
            top: -325px;
            opacity: 0;
        }

        60% {
            top: -40px;
            opacity: 0;
        }

        64% {
            top: 10px;
            opacity: 1;
        }

        92% {
            top: 10px;
            opacity: 1;
            z-index: 0;
        }

        93% {
            opacity: 0.1;
        }

        96% {
            top: 30px;
            opacity: 0;
            z-index: 0;
        }

        100% {
            top: -325px;
            opacity: 0;
            z-index: -1;
        }
    }

    @keyframes cycle5 {
        0% {
            top: -325px;
            opacity: 0;
        }

        60% {
            top: -40px;
            opacity: 0;
        }

        64% {
            top: 10px;
            opacity: 1;
        }

        92% {
            top: 10px;
            opacity: 1;
            z-index: 0;
        }

        93% {
            opacity: 0.1;
        }

        96% {
            top: 30px;
            opacity: 0;
            z-index: 0;
        }

        100% {
            top: -325px;
            opacity: 0;
            z-index: -1;
        }
    }
}

@media (max-width: 380px) {
    .home-ctas.content-slider {
        height: 50px;
    }

    .home-ctas .slider .quote {
        font-size: 1.1rem;
    }
}

@media screen and (max-width:1366px) {
    .hpbanner .banner-btns {
        top: 6%;
    }

    .hpbanner .search-overlay {
        top: 30%;
        width: 78%;
        left: 12%;
    }

    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 24.45%;
    }
}

@media screen and (max-width:1050px) {
    .cardeal .dealpagecontainer .srheader {
        font-size: 1.2rem;
    }

    .cardeal .dealpagecontainer .srprice {
        font-size: 1.1rem;
    }

    .hpbanner .banner-btns {
        top: 0;
        left: 20%;
        width: 60%;
    }

    .hpbanner .search-overlay {
        top: 26%;
        width: 90%;
        left: 6%;
    }

    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 13.5%;
    }
}

@media screen and (max-width:770px) {
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 8.9%;
    }
}

@media screen and (max-width:767px) {
    .mainbanner {
        height: auto;
    }

    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 17.8%;
    }

    .image-boxes .primary-overlay {
        width: 95%;
        padding: 4%;
    }

    .car-home-img,
    .pickup-home-img,
    .van-home-img {
        height: auto;
    }

    #technical {
        column-count: 1 !important;
        column-gap: 0 !important;
    }
}

@media screen and (max-width:380px) {
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 46.6% 10%;
    }
}

.mk_badge {
    display: block;
    width: 100%;
    background: #1e2d37;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.mk_badge img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mk_link {
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    background: #007af7;
    color: #ffffff;
}

.mk_link:hover {
    color: #ffffff;
}

.mk_shadow {
    transition: 0.3s;
}

.mk_shadow:hover {
    -webkit-filter: drop-shadow(3px 3px 3px #333);
    filter: drop-shadow(3px 3px 3px #333);
    transition: 0.3s;
}


.badge-hover{
    
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #1e2d37 50%, #007af7 50%);
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;
    
}
.mk_shadow:hover .badge-hover,
.badge-hover:hover{
    background-position: 0 100%;
}



#filtersearch .mk_link:before{
    content: none;
    
}


.tile.i.small {
    font-size: 1rem;
}

.cardeal a:hover,
.dealpagecontainer a:hover {
    text-decoration: none;
}

.modeltile .image {
    overflow: hidden;
}

.modeltile .font-size-biggest,
.modeltile .image img {
    transition: transform 0.8s;
}

.modeltile:hover .font-size-biggest,
.modeltile:hover .image img {
    transform: scale(1.1);
    transition: transform 0.8s;
}

@media screen and (max-width:767px) {
    .listingpage .cardeal .deal:first-of-type .dealpagecontainer .srimage {
        display: block;
    }

    .listingpage .cardeal .deal .dealpagecontainer .srimage {
        display: none;
    }
}

#technical:not(.no-cap) {
    column-count: 2;
    column-gap: 4rem;
}

.dealopt .tab-content.no-cap{height: 500px;}

.finactive .quat-bg.active {
    background-color: #067db1;
    background-image: url("/images/check.png") !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.finactive .maint .quat-bg.active {
    background-color: #067db1;
    background-image: url("/images/check.png") !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.dealopt .nav-tabs .nav-item.show .nav-link,
.dealopt .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #007af7;
    border-color: transparent;
    border-radius: 0;
}

.dealopt .nav-tabs .nav-item {
    margin-right: 1%;
    width: 30%;
}

.dealopt .nav-tabs .nav-item .nav-link {
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dealopt .tab-content {
    /*height: 600px;*/
	height:1300px;
    overflow-y: scroll;
}

.optionrow.active {
    background: #067db1 !important;
    color: #ffffff !important;
}

.optionrow {
    background: #ffffff !important;
    margin-bottom: 4px !important;
    color: #007af7 !important;
    font-weight: normal !important;
    border: 1px solid #007af7;
}

.optionrow .custom-checkbox>[type="checkbox"]:checked,
.optionrow .custom-checkbox>[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.thumbs {
    cursor: pointer;
}

.thumbs .ovehicle {
    margin-right: 0.3%;
}

.gallery-bg {
    position: relative;
    max-width: 100%;
    /* height: 445px; */
    height: 515px;
    /* height: auto; */
    bottom: 0;
    width: 100%;
    overflow-y: hidden;
}

.gallery-bg i.slick-next.slick-arrow {
    top: 97%;
    left: 47% !important;
}

.gallery-bg i.slick-prev.slick-arrow {
    top: 3%;
    left: 45% !important;
    z-index: 1;
}

.gallery-bg i.slick-prev:before {
    content: '\f077' !important;
    color:#FF7C00 !important;
}

.gallery-bg i.slick-next:before {
    content: '\f078' !important;
    color:#FF7C00 !important;
}

.thumbs-horizontal .slick-track {
    max-height: 195px;
    overflow: hidden;
  }

  .thumbs-vans .slick-list, .thumbs .slick-list{
    height: 100% !important;
  }
.greenpage .gallery-bg i.slick-next:before {
    content: '\f078' !important;
    color:#24b52a !important;
}

.greenpage .gallery-bg i.slick-prev:before {
    content: '\f077' !important;
    color:#24b52a !important;
}

.sp-overlay {
    position: absolute;
    top: 9%;
    right: 5%;
}

.mainimage .sp-overlay {
    position: absolute;
    top: 5%;
    right: 5%;
}

.srimage .sp-overlay {
    position: absolute;
    top: 2%;
    right: 2%;
    width: 25%;
}

textarea#selectedopts {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #007af7;
    color: #007af7;
}

.cad-video {
    float: left;
    width: 40%;
    margin-right: 2%;
}

.mainimage {
    position: relative;
    overflow: hidden;
}

.summary.nav-tabs .nav-item .nav-link {
    background-color: #1E2D37;
    color: #FFFFFF;
}

.summary.nav-tabs .nav-item .nav-link.active {
    background-color: #007af7;
    color: #FFFFFF;
    border-color: #007af7;
}

@media screen and (max-width:1366px) {
    .gallery-bg {
        height: 345px;
    }
}

@media screen and (max-width:1050px) {
    .gallery-bg {
        height: 285px;
    }
}

@media screen and (max-width:770px) {
    .gallery-bg {
        height: 320px;
    }
}

@media screen and (max-width:767px) {
    .dealpage .col-lg-8 .card {
        border: none;
    }

    .mobfixprice {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 2;
    }

    .dealopt .nav-tabs .nav-item {
        margin-right: 0;
        width: 100%;
        text-align: center;
        border-bottom: none;
        padding: 1%;
    }

    .dealopt .tab-content {
        height: 350px;
    }

    .cad-video {
        width: 100%;
    }
}

.specialbanner {
    background-image: url("/images/carhome-specials.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.insuredcarbg {
    background-image: url("/images/insuredleasebg.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.shortbg {
    background-image: url("/images/12monthbg.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.showroom .nav-tabs {border-bottom:0px; }
.showroom .nav-item { width: 33.333333%;}
.showroom .nav-link {padding:1rem 0rem;}
.showroom .nav-item:nth-child(1), .showroom .nav-item:nth-child(2) {border-right:1px solid #ffffff;} 
.showroom .nav-link.active {background: #067db1;color: #ffffff;}
.showroom .form-control {height: calc(1.5em + 0.75rem + 4px);font-size: 1.1rem;}

.setheight70 {
    height: 70px;
}

.primary-border.category:hover {
    box-shadow: 2px 2px 3px grey;
}

.latest-news .newstext {
    height: 130px;
    overflow-y: hidden;
    line-height: 1.3rem;
    font-size: 0.95rem;
    font-weight: 300;
}

#news-carousel .newstext {
    height: 150px;
    overflow-y: hidden;
    line-height: 1.3rem;
    font-size: 0.95rem;
    font-weight: 300;
}

#accordion .primary-button .card-body a {
    color: #ffffff;
    text-decoration: underline;
}

@media screen and (max-width:1366px) {
    .latest-news .newstext {
        height: 160px;
    }

    #news-carousel .newstext {
        height: 170px;
    }
}

@media screen and (max-width:1050px) {
    .latest-news .newstext {
        height: 180px;
    }

    #news-carousel .newstext {
        height: 220px;
    }
}

@media screen and (max-width:770px) {
    .latest-news .newstext {
        height: 170px;
    }

    #news-carousel .newstext {
        height: 190px;
    }
}

@media screen and (max-width:767px) {
    .latest-news .newstext {
        height: auto;
    }

    #news-carousel .newstext {
        height: auto;
    }
}

.contact-banner {
    background-image: url("/images/contact_us_banner.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.adv-search .card.active {
    background: #007af7;
}

.adv-search .active p {
    color: #ffffff;
}

.adv-search label {
    width: 100%;
}

.card-input:hover {
    cursor: pointer;
}

.card-input-element .card:hover {
    cursor: pointer;
}

.card-input-element:checked+.card {
    background: #007af7;
    color: #fff;
}

.card-input-element:checked+.card p {
    color: #fff;
}

.answer:hover {
    background: aliceblue;
}

.about-banner {
    background-image: url("/images/banner_1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.team-banner {
    background-image: url("/images/team_banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.advsearch-banner {
    background-image: url("/images/advsearch.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 350px;
}

.promo-banner {
    background-image: url("/images/mw-promo-banner.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.onlineform-banner {
    background-image: url("/images/onlineform-background.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.blog-banner {
    background-image: url("/images/blog_background.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fuel-banner {
    background-image: url("/images/fuel_banner.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.career-banner {
    background-image: url("/images/careers_banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.finance-banner {
    background-image: url("/images/finance_banner_alt.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.faq-banner {
    background-image: url("/images/faq_banner.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.charity-banner {
    background-image: url("/images/loros-banner.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}

.rsvp-banner {
    background-image: url("/images/rsvp_banner.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.about-timeline .timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
}

.about-timeline .timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #007af7;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

.about-timeline .timeline .t-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

.about-timeline .timeline .t-container.full {
    padding: 0px 40px 10px 40px;
    position: relative;
    background-color: inherit;
    width: 100%;
    z-index: 1;
}

.about-timeline .timeline .t-container.full::after {
    content: unset;
}

.about-timeline .timeline .full .content {
    padding: 20px 30px;
    background-color: #007af7;
    position: relative;
    border-radius: 6px;
}

.medal {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 5px;
    right: 5px;
    background-repeat: no-repeat;
}

.medal.gold {
    color: #d4af37;
}

.medal.silver {
    color: #c0c0c0;
}

.medal.bronze {
    color: #cd7f32;
}

.medal .text {
    position: absolute;
    left: 19px;
    bottom: 12px;
    color: #fff;
    font-size: 28px;
}

.silver-icon {
    background-image: url('/images/silver-icon.svg');
}

.bronze-icon {
    background-image: url('/images/bronze-icon.svg');
}

@media screen and (max-width: 800px) {
    .about-timeline .timeline .t-container.full {
        padding: unset;
    }
}

.about-timeline .timeline .t-container::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -12px;
    background-color: #ffffff;
    border: 4px solid #007af7;
    top: 18px;
    border-radius: 50%;
    z-index: 1;
}

.about-timeline .timeline .left {
    left: 0;
}

.about-timeline .timeline .right {
    left: 50%;
}

.about-timeline .timeline .left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #d6d6d6;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #d6d6d6;
}

.about-timeline .timeline .right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #d6d6d6;
    border-width: 10px 10px 10px 0;
    border-color: transparent #d6d6d6 transparent transparent;
}

.about-timeline .timeline .right::after {
    left: -12px;
}

.about-timeline .timeline .content {
    padding: 20px 30px;
    background-color: #1e2d37;
    color:#ffffff;
    position: relative;
    border-radius: 6px;
}

.about-timeline .timeline .right:hover::after, .about-timeline .timeline .left:hover::after {
    background-color: #f27600;
}


@media screen and (max-width: 600px) {
    .about-timeline .timeline::after {
        left: 31px;
    }

    .about-timeline .timeline .t-container {
        width: 100%;
        /* padding-left: 70px; */
        padding-left: 50px;
        /* padding-right: 25px; */
        padding-right: 0px;
    }

    .about-timeline .timeline .t-container::before {
        /* left: 60px; */
        left: 40px;
        border: medium solid #d6d6d6;
        border-width: 10px 10px 10px 0;
        border-color: transparent #d6d6d6 transparent transparent;
    }

    .about-timeline .timeline .left::after,
    .about-timeline .timeline .right::after {
        left: 18px;
    }

    .about-timeline .timeline .right {
        left: 0;
    }
}

.greenpage .tertiary-colour {
    color: #0cad13 !important;
}

.greenpage .tertiary-colour-alt {
    color: #0CAD13 !important;
}

.greenpage .tertiary-bg {
    background: #0cad13;
    color: #ffffff;
}

.greenpage .tertiary-button-gradient {
    color: #ffffff;
    background: #0cad13;
}

.greenpage .tertiary-button-gradient:hover {
    color: #ffffff;
    background: #24b52a;
}

.greenpage .tertiary-button {
    color: #ffffff;
    background: #0cad13;
}

.hybrid-button {
    color: #ffffff;
    background: #0cad13;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.hybrid-button:hover {
    color: #ffffff;
    background: #24b52a;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.greenpage .tertiary-button:hover {
    color: #ffffff;
    background: #24b52a;
}

.greenpage .tertiary-button-outline {
    background: #ffffff;
    color: #0CAD13;
    border: 4px solid #0cad13;
}

.greenpage .tertiary-button-outline:hover {
    background: #0CAD13;
    color: #ffffff;
}

.green-box {
    float: left;
    background-color: #0CAD13;
    margin: 0;
    width: 100%;
    color: #ffffff;
}

.orange-colour {
    color: #ff7c00 !important;
}

.orange-colour-alt {
    color: #0CAD13 !important;
}

.orange-bg {
    background: #ff7c00;
    color: #ffffff;
}

.orange-button {
    color: #ffffff;
    background: #ff7c00;
}

.orange-button:hover {
    color: #ffffff;
    background: #f27600;
}

.orange-button-outline {
    background: #ffffff;
    color: #f27600;
    border: 4px solid #f27600;
}

.orange-button-outline:hover {
    background: #f27600;
    color: #ffffff;
}

.green-electric-img {
    background-image: url("/images/wtd-electric.webp");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.green-hybrid-img {
    background-image: url("/images/wtd-hybrid.webp");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.green-plugin-img {
    background-image: url("/images/wtd-plugin.webp");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.ekko-lightbox-nav-overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
}

.ekko-lightbox-nav-overlay a {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s;
    color: #fff;
    font-size: 30px;
    z-index: 1;
}

.ekko-lightbox-nav-overlay a:last-child span {
    text-align: right;
}

.ekko-lightbox-nav-overlay a span {
    padding: 0 30px;
}

.ekko-lightbox a:hover {
    opacity: 1;
    text-decoration: none;
}

.ekko-lightbox-nav-overlay a:last-child span {
    position: absolute;
    right: 1%;
}

.ekko-lightbox-item.fade.in {
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    transition: opacity 1s linear;
}

.ekko-lightbox-item.fade {
    opacity: 0;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

.ekko-lightbox-container {
    overflow: hidden;
}

@media screen and (max-width:767px) {

    .loros-box.tall-box.mobile{height: 200px !important;}


    #cdvideo{
        height: 215px;
    }

    .mobile-filters {
        height: 100%;
        width: 100%;
        background: transparent;
        pointer-events: none;
        top: 0;
        text-align: center;
        z-index: 1;
        position: fixed;
        overflow: hidden;
    }

    .mobile-filters>a.btn-lg {
        position: absolute;
        pointer-events: auto;
        border-radius: 0;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 2;
        text-decoration: none;
        font-weight: 600;
        background: rgba(139, 141, 141, 0.9);
    }

    .mobile-filters .searchoptions {
        background: transparent;
        position: fixed;
        top: -100%;
    }

    .mobile-filters.open {
        height: 100%;
        padding-top: 5rem;
        background: #f7f7f7;
        background: -moz-linear-gradient(top, #f7f7f7 1%, #d6d6d6 100%);
        background: -webkit-linear-gradient(top, #f7f7f7 1%, #d6d6d6 100%);
        background: linear-gradient(to bottom, #f7f7f7 1%, #d6d6d6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#d6d6d6', GradientType=0);
        pointer-events: auto;
        z-index: 101;
    }

    .mobile-filters.open .searchoptions {
        padding: 1.5rem 0;
        background: none;
        border-bottom: 0;
        width: 100%;
        top: 0;
        z-index: 3;
        height: 800px;
        overflow: scroll;
    }

    .mobile-filters.open>.mf-toggle {
        display: none;
    }

    #mfi .buttons {
        display: none;
    }

    .open #mfi .buttons {
        display: flex;
        z-index: 100;
        position: fixed;
        bottom: 0;
    }

    .mobile-filters select.form-control:not([size]):not([multiple]) {
        height: 60px;
    }
}

.header-searches {
    position: fixed;
    top: 182px;
    float: left;
    width: 100%;
    z-index: 1000;
}

.header-searches>div {
    pointer-events: none;
    opacity: 0;
    transition: all 0.5s;
}

.header-searches>div.open {
    pointer-events: auto;
    opacity: 1;
    transition: all 0.35s;
}

.header-searches>div.open .container-fluid {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.header-searches .manu-bg {
    display: inline-flex;
}

@media (max-width:700px) {
    .header-searches {
        position: relative;
        top: 0;
    }

    .header-searches .dropdown-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .header-searches>div .fullwidth {
        padding-left: 0;
        margin: 1rem 0;
    }

    .manu-bg {
        width: 19%;
        padding: 0.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: 0.45rem 0;
    }
}

.custom-checkbox>[type="checkbox"],
.custom-checkbox>label {
    margin-bottom: 0 !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* .custom-checkbox>[type="checkbox"]:checked,
.custom-checkbox>[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
} */

.custom-checkbox>[type="checkbox"]:checked+label,
.custom-checkbox>[type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-weight: normal;
}

.custom-checkbox>[type="checkbox"]:checked+label:before,
.custom-checkbox>[type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    border: 1px solid #6e6d72;
    background: #ffffff;
    border-radius: 0;
}

.custom-checkbox>[type="checkbox"]:not(:checked)+label.hideoption:before {
    display: none !important;
}

.custom-checkbox>[type="checkbox"]:checked+label:after,
.custom-checkbox>[type="checkbox"]:not(:checked)+label:after {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 3px;
    color: #0069b3;
    transition: all 0.2s;
}

.custom-checkbox>[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.custom-checkbox>[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.custom-checkbox>[type="checkbox"]:disabled:checked+label:before,
.custom-checkbox>[type="checkbox"]:disabled:not(:checked)+label:before {
    box-shadow: none;
    background-color: #eeeeee;
    border-color: #eeeeee;
    cursor: not-allowed;
    opacity: 1;
    color: #dadada;
}

.custom-checkbox>[type="checkbox"]:disabled:checked+label:after {
    color: #dadada;
    cursor: not-allowed;
}

.custom-checkbox>[type="checkbox"]:disabled+label {
    color: #aaa;
    cursor: not-allowed;
}

.custom-checkbox>[type="checkbox"]:checked:focus+label:before,
.custom-checkbox>[type="checkbox"]:not(:checked):focus+label:before {
    border: 1px solid #0069b3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(87, 169, 7, 0.67);
}

.custom-checkbox>label:hover:before {
    border: 1px solid #0069b3 !important;
}

.custom-checkbox>[type="checkbox"]:disabled:checked+label:hover:before,
.custom-checkbox>[type="checkbox"]:disabled:not(:checked)+label:hover:before {
    border: 1px solid #E4E4E4 !important;
}

.pack-badge {
    margin-left: 0.35rem;
    display: inline-block;
}

.flashit {
    -webkit-animation: flash linear 2s infinite;
    animation: flash linear 2s infinite;
}

@-webkit-keyframes flash {
    0% {
        color: #21a9b2;
    }

    50% {
        color: #716c70;
    }

    100% {
        color: #21a9b2;
    }
}

@keyframes flash {
    0% {
        color: #21a9b2;
    }

    50% {
        color: #716c70;
    }

    100% {
        color: #21a9b2;
    }
}

.header .top-bar .toggler-switch .custom-control {
    display: inline-block;
}

.toggler-switch span {
    cursor: pointer;
}

.toggler-switch .custom-control-label::before {
    background-color: #007af7;
    border: none;
}

.toggler-switch .custom-switch .custom-control-label::after {
    background-color: #f7f7f7;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #f7f7f7;
    background-color: #007af7;
    border-color: #007af7;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #f7f7f7;
    border-color: #007af7;
    background-color: #007af7;
}

@media screen and (max-width:1366px) {
    .toggler-switch span {
        font-size: 0.7rem;
    }

    #finpricingarea .toggler-switch span {
        font-size: inherit;
    }
}

@media screen and (max-width:767px) {
    .header .navbar-toggler-icon.primary-colour {
        width: 45px;
        -webkit-appearance: none;
    }
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007af7;
    border-color: #007af7;
}

.page-link {
    color: #007af7;
}

@media screen and (max-width: 1180px) {
    form[name=personalapp] .col-sm-1 {
        width: 11%;
    }

    form[name=personalapp] .col-sm-11 {
        width: 89%;
    }
}

@media screen and (max-width:576px) {
    form[name=personalapp] .input-group-prepend .form-control {
        padding: 6px 3px;
    }
}

@media screen and (max-width: 768px) and (min-height: 1020px) {
    form[name=personalapp] .input-group-prepend .form-control {
        padding: 6px 0;
    }
}

@media screen and (min-width:577px) and (max-width: 1024px) {
    form[name=personalapp] .input-group-prepend .form-control {
        padding: 6px 0.5px;
    }
}

@media screen and (min-width:1024px) and (max-width: 1180px) {
    form[name=personalapp] .input-group-prepend .form-control {
        padding: 6px 3px;
    }
}

@media screen and (min-width:1366px) and (max-width: 1366px) {
    form[name=personalapp] .input-group-prepend .form-control {
        padding: 6px 8px;
    }
}

.finance-class .nav-link:hover {
    text-decoration: none;
    background-color: #007af7;
    color: white;
}

.disabled-button {
    cursor: default !important;
}

.homepage-link {
    color: black;
    font-size: 1rem;
    padding: 0.5rem 0.9rem;
    transition: color 0.3s;
}

.homepage-link:hover {
    text-decoration: underline;
    border-radius: 5px;
    transition: background-color 0.3s;
    font-weight: bold;
    color: black;
}

.stickright {
    position: fixed;
    right: 0;
    top: 50%;
    width: 50px;
    float: right;
    text-align: center;
    font-size: x-large;
}

.overlay-50 {
    color: #ffffff;
    width: 50%;
    height: 100%;
    padding: 3%;
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.9) 40%, rgba(51, 51, 51, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.9) 40%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.9) 40%, rgba(51, 51, 51, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#00333333', GradientType=0);
    margin-left: 25%;
}

@media screen and (max-width:1440px) {
    .value {
        font-size: 13px;
    }
}

@media screen and (min-width:1024px) and (max-width:1024px) {
    .value {
        font-size: 11px;
    }
}

.line-height-normal-header {
    line-height: 1.1rem;
}

@media screen and (min-width:992px) {
    .price {
        padding-left: 0 !important;
    }
}

.cookie-fixed {
    bottom: 0;
    position: fixed;
    left: 0;
    border-radius: 4px;
    display: none;
    z-index: 1040;
}

.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;
}

.input-group-text {
    background: white;
    border: 1px solid #067db1;
    border-radius: 5px;
}

.shadow {
    filter: drop-shadow(0px 0px 1px #00000075);
    box-shadow: 0 0 black !important;
}

@media screen and (max-width:767px) {
    .sticky-price {
        padding: 0 !important;
    }

    .sticky-price .container {
        padding: 0 !important;
    }

    .sticky-price .stickyrice-enqbtn {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .small,
    small {
        font-size: 70%;
    }
}

@media screen and (min-width:811px) and (max-width:1182px) {
    .specialimg {
        max-width: 13% !important;
    }
}

#financeform .notification {
    text-align: center;
    font-weight: 600;
}

.finance-application h3 {
    color: #393e40;
    padding-bottom: 1rem;
}

@media screen and (max-width:767px) {
    .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;
    }
}

.toggleshow {
    display: flex;
}

.signupnbutton {
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.off {
    display: none;
}

@media screen and (max-width:767px) {
    .bottom {
        bottom: -300px;
    }

    .xs-col-top-sm {
        padding-top: 0 !important;
    }

    .signupcls {
        padding-top: 1rem !important;
        padding-bottom: 0.5rem !important;
        font-weight: 600;
    }

    .toggleclass {
        background: #1E2D37 !important;
    }
}

.insurance-banner {
    background-image: url("/images/insurance-banner.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.insurance-extras {
    background-image: url("/images/insurance-extras.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.circle-overlay {
    border: 3px solid #007af7;
    height: 100%;
    border-radius: 50%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#ccffffff', GradientType=0);
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .mainbanner .mainbanner-bg-0,.mainbanner.mainbanner-0 {background-image: url("/images/mainbanner-0.jpg");}
        .mainbanner .mainbanner-bg-1,.mainbanner.mainbanner-1 {background-image: url("/images/mainbanner-1.jpg");}
        .mainbanner .mainbanner-bg-2,.mainbanner.mainbanner-2 {background-image: url("/images/mainbanner-2.jpg");}
        .mainbanner .mainbanner-bg-3,.mainbanner.mainbanner-3 {background-image: url("/images/mainbanner-3.jpg");}
        .mainbanner .mainbanner-bg-4,.mainbanner.mainbanner-4 {background-image: url("/images/mainbanner-4.jpg");}
        .mainbanner .mainbanner-bg-5,.mainbanner.mainbanner-5 {background-image: url("/images/mainbanner-5.jpg");}
        .homecta-bg {background-image: url("/images/homecta-bg.jpg");}
        .green-electric-img {background-image: url("/images/wtd-electric.jpg");}
        .green-hybrid-img {background-image: url("/images/wtd-hybrid.jpg");}
        .green-plugin-img {background-image: url("/images/wtd-plugin.jpg");}
        .van-home-img {background-image: url("/images/van-home-img.jpg");}
        .pickup-home-img {background-image: url("/images/pickup-home-img.jpg");}
        .car-home-img {background-image: url("/images/car-home-img.jpg");}
        .specialbanner {background-image: url("/images/carhome-specials.jpg");}
        .insuredcarbg {background-image: url("/images/insuredleasebg.jpg");}
        .shortbg {background-image: url("/images/12monthbg.jpg");}
        .contact-banner {background-image: url("/images/contact_us_banner.jpg");}
        .about-banner {background-image: url("/images/banner_1.jpg");}
        .faq-banner {background-image: url("/images/faq_banner.jpg");}
        .insurance-banner {background-image: url("/images/insurance-banner.jpg");}
        .insurance-extras {background-image: url("/images/insurance-extras.jpg");}
    }
}

.filterbtn {
    z-index: 9;
}

.sortbtn:focus:after {
    border: transparent;
}

.sortbtn {
    z-index: 9;
}

.drawer-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: -100%;
    background: #007af7;
    background: -moz-linear-gradient(top, rgba(0, 105, 180, 1) 0%, rgba(0, 105, 180, 0.6) 1%, rgba(0, 105, 180, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 105, 180, 1) 0%, rgba(0, 105, 180, 0.6) 1%, rgba(0, 105, 180, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 105, 180, 1) 0%, rgba(0, 105, 180, 0.6) 1%, rgba(0, 105, 180, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007af7', endColorstr='#cc007af7', GradientType=0);
}

.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: #ffffff;
    border-right: 1px solid #4f504f;
    position: absolute;
    z-index: 20;
    left: -25%;
    overflow-y: auto;
}

.drawer-right {
    height: 100%;
    width: 25%;
    background-color: #ffffff;
    border-left: 1px solid #4f504f;
    position: absolute;
    z-index: 20;
    right: -25%;
    overflow-y: auto;
}

.desktop-filter {
    top: 110px;
    /* background: #1E2D37; */
    background: rgba(30, 45, 55, 0.8);
}

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

    /* Large Laptop */
    .drawer-left,
    .drawer-right {
        width: 40%;
    }
}

@media screen and (max-width: 1000px) {

    .drawer-left,
    .drawer-right {
        width: 70%;
    }
}


@media screen and (max-width: 600px) {

    .drawer-left,
    .drawer-right {
        width: 100%;
    }

    .sortbtn {
        position: fixed;
        bottom: 7%;
        left: 50%;
        border-radius: 0 10px 10px 0;
        z-index: 9;
        width: 50%;
        padding: 10px;

    }

    .filterbtn {
        position: fixed;
        bottom: 7%;
        right: 50%;
        border-radius: 10px 0 0 10px;
        z-index: 9;
        width: 50%;
        padding: 10px;
    }
    .filterbtn.top-button, .sortbtn.top-button{
        top:95px !important;
        bottom:unset !important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .filterbtn.singlefilter {
        Width: 90%;
        left: 5%;
        border-radius: 10px;
        padding: 10px;
    }

    .filterbtn.singlefilter.top-button {
        Width: 100%;
        left: 0%;
        border-radius: 10px;
        padding: 10px;
        top:95px !important;
        bottom:unset !important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .header .filterbtn,
    .header .sortbtn {
        position: unset;
        bottom: unset;
        right: unset;
        border-radius: unset;
        z-index: 9;
        width: unset;
        padding: 5px;
    }

    .search-box .filterbtn {
        position: unset;
        bottom: unset;
        right: unset;
        border-radius: unset;
        z-index: 9;
        width: unset;
    }
}

@media screen and (max-width: 400px) {

    .drawer-left,
    .drawer-right {
        width: 100%;
    }

    .sortbtn {
        position: fixed;
        bottom: 9%;
        left: 50%;
        border-radius: 0 10px 10px 0;
        z-index: 9;
        width: 50%;
        padding: 10px;

    }

    .filterbtn {
        position: fixed;
        bottom: 9%;
        right: 50%;
        border-radius: 10px 0 0 10px;
        z-index: 9;
        width: 50%;
        padding: 10px;
    }
}

.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 #bbbbbb;
    color: black;
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 7px;
    left: 90%;
    height: 24px;
    width: 24px;
    background-color: rgba(0, 105, 180, 0.5);
    border-radius: 5px;
}

.radio-container:hover input~.checkmark {
    background-color: rgba(0, 105, 180, 1);
}

.radio-container input:checked~.checkmark {
    background-color: #067db1;
}

.radio-container input:disabled~.checkmark {
    background-color: #b4b3b3;
    opacity: 0.2;
}

.radio-container.disabled {
    color: #b4b3b3;
    cursor: no-drop;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked~.checkmark:after {
    display: block;
}

.radio-container .checkmark:after {
    top: -2px;
    left: 2px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #ffffff;
}

.filterhover:hover {
    background: rgba(0, 105, 180, 0.2);
}

.btn.filterhover {
    border-radius: 0 !important;
}

.topemployee .border-bottom {
    border: 1px solid #ffffff;
}

.topemployee .title {
    color: #f6e085;
}

#vbwpage h1,
#vbwpage h2,
#vbwpage h3,
#vbwpage h4,
#vbwpage h5,
#vbwpage h6 {
    font-family: 'Staatliches', cursive;
    letter-spacing: 3px;
}

.vbw-banner {
    background-image: url("/images/vbw-banner.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 671px;
    padding: 0;
}

.vbw-banner .vbw-banneroverlay {
    background: -moz-linear-gradient(top, rgba(33, 37, 41, 0.3) 0%, rgba(33, 37, 41, 0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(33, 37, 41, 0.3) 0%, rgba(33, 37, 41, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(33, 37, 41, 0.3) 0%, rgba(33, 37, 41, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d212529', endColorstr='#4d212529', GradientType=0);
    min-height: 671px;
}

.vbw-banner .vbw-banneroverlay h1 {
    color: white;
    font-weight: bold;
    text-align: left;
    padding-top: 6rem;
    font-size: 3.875rem;
}

.vbw-usp {
    position: relative;
    margin: -100px 0 0;
    padding: 0;
}

.vbw-usp .vbw-images {
    margin-bottom: 10px;
    padding: 0;
}

.vbw-usp .vbw-usptext {
    text-align: center;
    color: white;
    font-weight: bold;
    margin: -50px 0 0;
}

.vbw-gallery {
    position: relative;
    margin-bottom: 30px;
}

.vbw-gallery .vbw-gallerytext {
    background: -moz-linear-gradient(left, rgba(33, 37, 41, 0.8) 0%, rgba(33, 37, 41, 0.8) 100%);
    background: -webkit-linear-gradient(left, rgba(33, 37, 41, 0.8) 0%, rgba(33, 37, 41, 0.8) 100%);
    background: linear-gradient(to right, rgba(33, 37, 41, 0.8) 0%, rgba(33, 37, 41, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc212529', endColorstr='#cc212529', GradientType=1);
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    padding: 1.5rem 3rem;
}

.vbw-gallery .vbw-gallerytext h4 {
    font-weight: bold;
}

.vbw-gallery .vbw-gallerytext p {
    margin-bottom: 0;
}

@media screen and (max-width:1400px) {

    .vbw-banner,
    .vbw-banner .vbw-banneroverlay {
        min-height: 500px;
    }

    .vbw-gallery {
        margin-bottom: 19px;
    }

    .vbw-banner .vbw-banneroverlay h1 {
        font-size: 3rem;
    }
}

@media screen and (max-width:1200px) {
    .vbw-gallery {
        margin-bottom: 15px;
    }
}

@media screen and (max-width:850px) {
    .vbw-banner .vbw-banneroverlay h1 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width:760px) {
    .vbw-usp {
        margin: 0;
    }

    .vbw-usp .vbw-images .col-12 {
        padding-top: 1.5rem;
    }

    .vbw-gallery {
        margin-bottom: 24px;
    }

    .vbw-gallery .vbw-gallerytext {
        position: relative;
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .vbw-banner {
            background-image: url("/images/vbw-banner.png");
        }
    }
}

#filter .secondary-button,
#sort .secondary-button {
    background: transparent;
    box-shadow: none;
    color: #007af7 !important;
    text-decoration: underline;
    font-size: 1rem;
    transition: font-size 0.5s !important;
}

#filter .secondary-button:hover,
#sort .secondary-button:hover {
    filter: none;
    font-size: 1.1rem;
}

#filter .btn.filterhover:after,
#sort .btn.filterhover:after {
    content: ' ';
    width: 90%;
    height: 100%;
    border-bottom: 1px solid #bbbbbb;
    position: absolute;
    bottom: 0;
    left: 5%;
}

#filter .pricefilts .btn.filterhover:after,
#sort .btn.filterhover:last-of-type:after {
   /* border-bottom: none;*/
}

#filter button.close.p-3,
#filter h4.p-3,
#sort button.close.p-3,
#sort h4.p-3 {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
    border-bottom: none !important;
}

#filtersearch .fa-chevron-left:hover {
    color: #ccc !important;
    transition: all;
}

#filtersort .fa-chevron-right:hover {
    color: #ccc !important;
    transition: all;
}


/* ------------------------------------------------------ */
/* ----------------- New Banner Classes ----------------- */
/* ------------------------------------------------------ */
.mainbanner .mainbanner-bg-2,
.mainbanner.mainbanner-2 {
    /*background-position: center 40%;*/
	background-position: center 27%;
}

#banner {
    /* height: 450px; */
    height: 530px;
}

.banner-panel {
    border-right: 3px solid #1E2D37;
    padding: 0%;
}

.banner-panel:last-child {
    border-right: unset;
}

.banner-overlay {
    background: -moz-linear-gradient(top, rgba(30, 45, 55, 0.2) 0%, rgba(30, 45, 55, 0.2) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 45, 55, 0.2) 0%, rgba(30, 45, 55, 0.2) 100%);
    background: linear-gradient(to bottom, rgba (30, 45, 55, 0.2) 0%, rgba(30, 45, 55, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1E2D37', endColorstr='#cc1E2D37', GradientType=0);
}

.banner-overlay-alt {
    background: -moz-linear-gradient(top, rgba(30, 45, 55, 0.5) 0%, rgba(30, 45, 55, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 45, 55, 0.5) 0%, rgba(30, 45, 55, 0.5) 100%);
    background: linear-gradient(to bottom, rgba (30, 45, 55, 0.5) 0%, rgba(30, 45, 55, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1E2D37', endColorstr='#cc1E2D37', GradientType=0);
}

.banner-hover {
    color: #E4E4E4;
    position: relative;
    background: transparent;
    transition: 0.5s;
    z-index: 0;
}

.banner-hover::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-color: #eeeeee;
    background: -moz-linear-gradient(top, rgba(229, 240, 248, 0.8) 0%, rgba(229, 240, 248, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(229, 240, 248, 0.8) 0%, rgba(229, 240, 248, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(229, 240, 248, 0.8) 0%, rgba(229, 240, 248, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1E2D37', endColorstr='#cc1E2D37', GradientType=0);
    color: #1E2D37 !important;
    transition: all 1s;
    z-index: -1;
}

.banner-hover:hover:before {
    opacity: 100%;

}

.banner-hover h3,
.banner-hover i {
    /* color:#ffffff !important; */
}

.banner-hover:hover h3,
.banner-hover:hover i {
    color: #1E2D37 !important;
}

.banner-hover:hover .fa-star {
    color: #ff7c00 !important;
}

.hover-banner-text {
    color: #000000;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    /* display:none; */
    transition: opacity .5s, height 1s;

}

.banner-hover:hover .hover-banner-text {
    opacity: 1;
    height: 160px;
    /* display: block; */
}

@media screen and (max-width:760px) {
	
.mainbanner .mainbanner-bg-2, .mainbanner.mainbanner-2 {background-position: center top;}
.mainbanner .mainbanner-bg-2, .mainbanner.mainbanner-2 {
    /* background-image: url(/images/anniversary_banner_v2_mob.jpg); */
	background-image: url("/images/mw-promo-banner.png");

}	

    .banner-hover {
        border-bottom: 1px solid #ffffff;
    }

    .banner-hover::before {
        display: none;
    }

    .banner-hover:hover h3,
    .banner-hover:hover i {
        color: #ffffff !important;
    }

    .banner-hover:hover .hover-banner-text,
    .banner-hover .hover-banner-text {
        display: none;
    }
}

#mainhome .slick-prev.slick-arrow,
#mainhome .slick-next.slick-arrow,
.cardeal-inner-new .slick-prev.slick-arrow,
.cardeal-inner-new .slick-next.slick-arrow {
    bottom: -9%;
    top: unset;
}

#mainhome .slick-prev.slick-arrow {
    left: 38% !important;
    z-index: 10;
}

#mainhome .slick-next.slick-arrow {
    right: 38% !important;
    z-index: 10;

}

#categorytoggler .slick-next{
    z-index: 10;
}

#mainhome .slick-dots {
    bottom: -30px;
}

#mainhome .slick-next:before,
#mainhome .slick-prev:before {
    /* font-size: 30px; */
}

.slick-dots>li:only-child {
    display: none;
}

#hpspecials .slick-prev.slick-arrow,
#hpspecials .slick-next.slick-arrow {
    bottom: -9%;
    top: unset;
}

#hpspecials .slick-prev.slick-arrow {
    left: 38% !important;
    z-index: 999;
}

#hpspecials .slick-next.slick-arrow {
    right: 38% !important;
    z-index: 999;

}

#hpspecials .slick-dots {
    bottom: -30px;
}

#hpspecials .slick-next:before,
#hpspecials .slick-prev:before {
    /* font-size: 30px; */
}


.specials-box {
    background-image: url('/images/specials-box.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.specialsalt-box {
    background-image: url('/images/specials-box.jpg');
    height: 275px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.defiant-box {
    background-image: url('/images/qualityused-box.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.defiantalt-box {
    background-image: url('/images/qualityused-box.jpg');
    height: 275px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;

}

.loros-box {
    background-image: url('/images/loros-box.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.search-box {
    background-image: url('/images/search-box.png');
    height: 275px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.finance-box {
    background-image: url('/images/finance-box.png');
    height: 275px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.tear-box {
    background-image: url('/images/tear-box.png');
    /*height: 275px;*/
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.vaninsurance-box {
    background-image: url('/images/vaninsurance-box.png');
    height: 275px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.carelectric-box {
    background-image: url('/images/carelectric-box.png');
    height: 275px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.vanelectric-box {
    background-image: url('/images/vanelectric-box.png');
    height: 275px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.fuelguide-box {
    background-image: url('/images/fuelguide-box.png');
    height: 275px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.ql-small-box{height: 275px !important;}

.office-box {
    background-image: url('/images/where_banner.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.process-box {
    background-image: url('/images/how_banner.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}
.team-box{

    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 150%;
    background-size: contain;
}

.yearthatway-box {
    background-image: url('/images/first_day_hover.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.newsletter-commercial {
    background-image: url('/images/newsletter-van.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.newsletter-car{
    background-image: url('/images/newsletter-car.jpg');
    height: 250px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.newsletter-both {
    background-image: url('/images/newsletter-allvehicles.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.evguide-box{

    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 120%;
    background-size: contain;
}

.evguide-box .boxtriangle{width: 270px;}
.evguide-box .boxtriangle::after{left: 270px;}
.dark.boxtriangle{background-color: #1e2d37;}
.dark.boxtriangle:after{border-color: #1e2d37 transparent transparent transparent;}

.boxtriangle {
    background-color: #007af7;
    /* height: 330px; */
    height: 100%;
    width: 295px;
    position: absolute;
    left: 0;
    top: 0;
    filter: drop-shadow(10px 0px 10px rgba(0, 0, 0, 0.8));
}

.boxtriangle:after {
    content: '';
    position: absolute;
    border-style: solid;
    bottom: 0;
    left: 294px;
    border-width: 330px 150px 0 0;
    border-color: #007af7 transparent transparent transparent;
    z-index: 0;
    width: 100px;
    transition: all 1s;
}

.team .boxtriangle {
    background-color: #1E2D37;
    height: 100%;
    width: 45%;
    position: absolute;
    left: 0;
    top: 0;
    filter: drop-shadow(10px 0px 10px rgba(0, 0, 0, 0.8));
}

.team .boxtriangle:after {
    content: '';
    position: relative;
    border-style: solid;
    /* top: 30%; */
    bottom:100%;
    left: 100%;
    border-width: 330px 100px 0 0;
    border-color: #1E2D37 transparent transparent transparent;
    z-index: 0;
    width: 100px;
    transition: all 1s;
}

.triangle-hover:hover .boxtriangle:after {
    /* animation: trainglefill .5s forwards; */
    width: 500px;
}

.team.triangle-hover:hover .boxtriangle:after {
    width: 500px !important;
}




.guide-content{opacity: 0 !important; transition: opacity 1s ease-in-out;}

.triangle-hover:hover .guide-content{opacity: 1 !important;}
/* .triangle-hover:active .guide-content{opacity: 1 !important;} */


@keyframes trainglefill {
    0% {
        width: 100px;
    }

    100% {
        width: 250px;
    }
}

.z-index1 {
    z-index: 1;
}

.border-tertiary {
    border: solid 4px #FF7C00;
}

.border-tertiary-alt {
    border: solid 4px #0CAD13;
}

.border-secondary {
    border: solid 4px #007af7 !important;
}

.specials-title {
    background-color: white;
    position: absolute;
    top: -21px;
    left: 100px;
}

.category-title {
    background-color: white;
    position: absolute;
    top: -21px;
    right: 75px;
}

.category-button {
    margin-top: 25px;
    background: white;
    width: auto;
    height: auto;
    padding-right: 25px;
    padding-left: 25px;
}

.servicebox {
    border-bottom: 4px solid #007af7;
    border-radius: 5px 5px 0px 0px !important;
    color: #E4E4E4;

}

.servicebox:hover {
    background-color: #E4E4E4;
    border-bottom: 4px solid #14b592;
    color: #1E2D37;
    transition: all 0.3s;
}

.servicebox:hover>i {
    color: #14b592 !important;
}

.servicebox .col-10 {max-height: 45px;}


.slashed-bg {
    background-image: url('/images/slashed-bg.svg');
    background-repeat: no-repeat;
    background-color: #E5F0F8;
    background-size: cover;

}


.deal-slashed-bg{
    background-image: url('/images/specials_bg.svg');
    background-repeat: no-repeat;
    background-color: #E5F0F8;
    background-size: contain;
    background-position: left bottom;
}
.businessyear {
    top: 8px;
}

.overlapped-box.right {
    float: right;
    margin-top: -16%;
}

.more-overlap.overlapped-box.right {
    float: right;
    margin-top: -23%;
}

.overlapped-area {
    min-height: 600px;
}

.overlapped-shadow {
    box-shadow: 0px 3px 6px #000000;
}

.blog-card{
 height: 250px;
}

.blog-content-card:after {
    content: '';
    position: absolute;
    border-style: solid;
    bottom: 0;
    left: 293px;
    border-width: 250px 100px 0 0;
    border-color: #101a1e transparent transparent transparent;
    z-index: 4;
    width: 100px;
}


.newsarticle .hover-button {
    position: absolute;
    top: 0;
    left:0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 10%;
    background: -moz-linear-gradient(-45deg, rgba(141, 141, 141, 0.4) 0%, rgba(141, 141, 141, 0.4) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(141, 141, 141, 0.4) 0%, rgba(141, 141, 141, 0.4) 100%);
    background: linear-gradient(135deg, rgba(141, 141, 141, 0.4) 0%, rgba(141, 141, 141, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#661E2D37', endColorstr='#661E2D37', GradientType=1);
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
}

.newsarticle .derivative.hover-button {
    backdrop-filter: unset !important
}

.newsarticle:hover .hover-button {
    opacity: 1;
    transition: opacity 0.5s;
}

footer ul {
    padding-left: 1rem;
}


@media screen and (max-width:1300px) {

    .mainhome.specials-title {
        left: 0;
        position: relative;
        top: -75px;
    }

    .category-title {
        left: 0;
        position: relative;
        top: -70px;
    }

}

@media screen and (max-width:1100px) {

    #banner {
        height: auto;
    }

    .banner-hover:hover .hover-banner-text {
        display: none;
    }

    .banner-hover:hover {
        background: unset;
    }



    .boxtriangle:after {
        left: 150px;
    }

    .specials-box, .defiant-box, .loros-box {
        background-position: right;
        height: 200px;        
    }

    .boxtriangle{
        padding-left:25px !important;
        padding-bottom:10px !important;
        width:150px;
    }

    .boxtriangle p{font-size:0.8rem;}
    .boxtriangle h3{font-size:1.2rem;}
    .boxtriangle i{margin-top:25px !important;}


    .office-box {
        background-position: right;
        height: 200px;
    }
    
    .process-box {
        background-position: right;
        height: 200px;
    }

    .team-box{
        height: 200px;
        background-position: 135%;
        /* background-position: right; */

    }

    .mainhome.specials-title {
        left: 0;
        position: relative;
        top: -45px;
    }

    .specials-title {
        left: 0;
        position: relative;
        top: -35px;
    }

    .category-title {
        left: 0;
        position: relative;
        top: -60px;
    }

    .overlapped-box.right {
        margin-top: -30%;
    }

    .businessyear {
        top: unset;
    }

    .search-box {
        height: 200px;
    }

    .defiant-box, .defiantalt-box{
        height: 200px;
    }

    .finance-box {
        height: 200px;
    }

    .tear-box {
        height: 200px;
    }

    .vaninsurance-box {
        height: 200px;
    }

    .carelectric-box {
        height: 200px;
    }

    .vanelectric-box {
        height: 200px;
    }

    .fuelguide-box {
        height: 200px;
    }

    .triangle-hover:hover .boxtriangle:after {
        /* animation: trainglefill .5s forwards; */
        width: 0px;
    }
}

@media screen and (max-width:1080px) {
    #main-menu li a, .header .nav > li > a
    {
        font-size: 0.8rem;
    }
}

@media screen and (max-width:850px) {

  
    .container{max-width: 760px !important;}
    .banner-panel{
        height: 250px;
    }
    /* Tablet Portrait */
    .boxtriangle {
        width: 345px;
    }

    .boxtriangle:after {
        left: 344px;
    }

    .overlapped-box.right {
        margin-top: 3%;
    }

    .mainhome.specials-title,
    .category-title {
        top: -25px;
    }

    #mainhome.slick-slider,
    .cardeal-inner-new.slick-slider,
    .cardeal-inner.slick-slider {
        margin-bottom: 60px !important;
    }

    #mainhome .slick-next.slick-arrow,
    #hpspecials .slick-next.slick-arrow,
    .cardeal-inner-new .slick-next.slick-arrow {
        right: 0px !important;
    }

    #mainhome .slick-prev.slick-arrow,
    #hpspecials .slick-prev.slick-arrow,
    .cardeal-inner-new .slick-prev.slick-arrow {
        left: 0px !important;
    }

    #mainhome .slick-next:before,
    #mainhome .slick-prev:before,
    #hpspecials .slick-next:before,
    #hpspecials .slick-prev:before,
    .cardeal-inner-new .slick-next:before,
    .cardeal-inner-new .slick-prev:before {
        font-size: 30px !important;
        color: #007af7 !important;
    }
}


/* New Home page deal cards */
.ribbon {
    position: absolute;
    width: 100%;
    z-index: 1;
    font-size: 0.8125rem;
    font-family: 'krub';
    font-weight: bold;
}

.ribbon.top {
    top: 0;
}

.ribbon.topper{top: -30px;}

.ribbon.top.left {
    left: 0;
    padding: 0.25rem 1rem;
}

.ribbon.top.right {
    right: 0;
}
.ribbon.derivative-topper{top: -30px !important;}

/* Stops overhand on the top derivative offer */
.ribbon.topderivative{
    top:3px !important;
    left:3px !important;
    width:99% !important;
}

.ribbon.top.right p {
    position: absolute;
    right: 3px;
    top: 4px;
    color: #000000;
    width: 65px;
    font-size: 0.8rem;
    font-weight: 600;

}

.ribbon.top.right.promotional p {
    font-size: 0.65rem;
}

.ribbon.dealpage {
    width: 95%;
    left: 3px !important;
    top: 0x;
    z-index: 0;
}

.ribbon.tertiary.derivative {
    width: 95%;
    left: 1px !important;
    top: 2px;
    z-index: 0;
    border-top-left-radius: 0.05rem;
    font-size: 0.6rem;
}

.ribbon.tertiary {
    background: #F2880E;
    color: #ffffff;
    border-bottom: 3px solid #925D2E;
    outline: 3px solid #BC6400;
    filter: drop-shadow(0px 3px 0px #EFA700);
}

.ribbon.quat {
    background: #1E2D37;
    color: #ffffff;
    font-size: 1rem;
}

.ribbon.primary {
    width: 110px;
    height: 110px;
    background: url('/images/special-bg.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.ribbon.derivative.primary {
    width: 80px;
    height: 80px;
    background: url('/images/special-bg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    top: -1px;

}

.ribbon.derivative.top.right p {

    position: absolute;
    right: 1px;
    top: 1px;
    color: #000000;
    width: 65px;
    font-size: 0.68rem;
    font-weight: 600;
}



.ribbon.derivative-alt.primary {
    width: 80px;
    height: 80px;
    background: url('/images/special-bg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    right: 1px;
    top: -29px;

}

.ribbon.derivative-alt.top.right p {

    position: absolute;
    right: 1px;
    top: 2px;
    color: #000000;
    width: 65px;
    font-size: 0.68rem;
    font-weight: 600;
}


.imgdisclaimer{
    /*margin-top: -30px;*/
	position: absolute;
    bottom: 0px;
    width: 100%;
}



@media screen and (max-width:760px) {

    /* Mobile Large */
    .boxtriangle {
        width: 175px;
    }

    .boxtriangle:after {
        left: 174px;
    }

    .overlapped-box.right {
        margin-top: 3%;
    }

    .dealpagecontainer .ribbon.primary {
        width: 90px;
        height: 90px;
    }

    .dealpagecontainer .ribbon.top.right p {
        right: 3px;
        top: 1px;
        width: 54px;
        font-size: 0.75rem;
    }
}


@media screen and (max-width:375px) {

   .team .boxtriangle{
        width: 48%;
   }

   .team .boxtriangle::after{
    left:78%;

   }
}


/*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: 10px;
    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: Roboto, sans-serif;
    font-size: 18px
}

.quote__signature .form-group input::-webkit-input-placeholder {
    color: #8b919d;
    font-family: Roboto, sans-serif;
    font-size: 18px
}

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

/*sign up mailer*/
.signup.signupbtn {
	display:none;
    padding: 0px;
    position: fixed;
    left: 0;
    top: 50%;
    display: flex;
    justify-content: center;
}





.signup.signupbtn.opened {
    padding: 0px;
    position: fixed;
    left: 475px;
    top: 50%;
    display: flex;
    justify-content: center;
    transition: all .6s;
}

.signup.signupbtn:before {
    content: '';
    border-left: 60px solid #2E3092;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    height: 160px;
    width: 60px;
    padding: 1rem 0;
    text-align: center;
    position: absolute;
    /* left: 0; */
    z-index: -1;
}

.signupbtn:hover .signup.signupbtn:after {
    border-left: 60px solid #007af7;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
}

.signup.signupbtn p {
    color: white;
    width: 90%;
    padding-top: 2.5rem;
}

.signup.signupbtn:hover p {
    color: #1c1c1c;
    width: 90%;
    padding-top: 2.5rem;
}



/* PAGINATION STYLING */
/* pagination */
.pagination {
    flex-wrap: wrap !important;
}

.pagination .page-item.disabled .page-link {
    color: #333333;
    opacity: 50%;
}

.pagination .page-item .page-link,
.page-link {
    background: #FFFFFF;
    color: rgba(51, 51, 51, 1);
    border: 1px solid #007af7;
}

.pagination .page-link:hover {
    background: #FFFFFF;
    color: #007af7 !important;
}

.pagination .page-item .page-link.active {
    background: #1E2D37;
    color: #FFFFFF;
}

.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;
}


@media screen and (max-width:760px) {
    /* Mobile Large */
    /* .signup.signupbtn{
        rotate: 270deg;
        left: 200px;
        bottom: 0px;
        z-index: 9;    
    } */

    .evguide-box{height: 200px;background-position: 70px;}
    .evguide-box .boxtriangle{width:160px;}
    .evguide-box .dark.boxtriangle{width:160px;}
    .evguide-box .boxtriangle::after{left:160px;}
    .evguide-box .dark.boxtriangle::after{left:160px;}
    .filterbtn.signupbtn {
        width: auto;
        height: 50px;
        top: unset !important;
        bottom: 0px !important;
        position: fixed;
    }

    .signup.signupbtn p {
        width: auto;
        height: 100px;
        bottom: -33px;
        position: fixed;
        left: 55px;

    }

    .signup.signupbtn i {
        display: none;
    }


    .signup.signupbtn:before {
        content: '';
        border-left: 125px solid #2E3092;
        border-bottom: 22px solid transparent;
        border-top: 22px solid transparent;
        height: 160px;
        width: 60px;
        padding: 1rem 0;
        text-align: center;
        position: absolute;
        left: 20px;
        /* rotate: 270deg; */
        -webkit-transform: rotate(270deg) scale(1);
        -moz-transform: rotate(270deg) scale(1);
        -o-transform: rotate(270deg) scale(1);
        -ms-transform: rotate(270deg) scale(1);
        z-index: -1;
    }

}
/*Christmas tree page SDH 20-12-2022 */
.christmastree-banner {
    background-image: url("/images/christmas-tree-alt2.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.collection-box {
    background-image: url('/images/tree-collection.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.treesurgeon-box {
    background-image: url('/images/tree-surgeon.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.boxtriangle-purple {
    background-color: #6b23ab;
    /* height: 330px; */
    height: 100%;
    width: 295px;
    position: absolute;
    left: 0;
    top: 0;
    filter: drop-shadow(10px 0px 10px rgba(0, 0, 0, 0.8));
}

.boxtriangle-purple:after {
    content: '';
    position: absolute;
    border-style: solid;
    bottom: 0;
    left: 294px;
    border-width: 330px 150px 0 0;
    border-color: #6b23ab transparent transparent transparent;
    z-index: 0;
    width: 100px;
    transition: all 1s;
}

.triangle-hover:hover .boxtriangle-purple:after {width: 500px;}
/*remove when opening hours for Christmas are removed - SDH 22-12-2022 */
.overlapped-box.right {float: right;margin-top: -22%;}
.contact.overlapped-box.right {float: right;margin-top: -15%;}
@media screen and (max-width:760px) {.overlapped-box.right {margin-top: unset !important;}}

.homepage-alert{background-color: #6b23ab;text-align: center;color: #fff; font-weight: 600;}

/******** Appraisal Form Styling ********/

.file-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 450px;
  max-width: 100%;
  padding: 25px;
  border: 1px dashed #007af7;
  border-radius: 3px;
  transition: 0.2s;
}


.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid #007af7;
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase;
  }
  
  .file-message {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    
  }
  
  /* anniversary page - SDH 08-04-2023 */

.rsvp-box {
    background-image: url('/images/rsvp_hover.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}

.plansofar-box {
    background-image: url('/images/plansofar_hover.jpg');
    height: 300px;
    background-size: cover;
    overflow: hidden;
    background-position: right center;
}


/* ///////////////// Vehicle card background image styling */
.vehicleimg{
    max-height:unset !important;
    height: 215px; 
    /*height: 185px; */
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:white;
}

.vehicleimg.qualityused{height: 220px;}

.vehicleimg.derivative{height: 155px;}

.vehicleimg.dealpage{
    height: 490px;
    /* background-color: transparent; */
    /*background-color: #1E2D37;*/
	background-color: #E4E4E4;
    background-size: contain;
}
.vehicleimg.derivative.topper-space{margin: 30px 0px 0px 0px;}

.image.ribbon-space{margin-top:30px;}

@media screen and (max-width:767px) {
    .vehicleimg.dealpage{height: 235px; width: 350px;}
}

.mediafix a{
    font-size:0px;
    width:25px;
    height: 25px;
    display: block;
    position: relative;
}

.mediafix{
    width:25px;
    height:25px;
    position: relative;
    display: block;
    text-decoration: none !important;
}

.mediafix:after{
    content: '\f095' !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    font-size: 1rem !important;
    text-decoration: none !important;
    position: absolute;
    top:0;
    left:5px;
}


/* Loros Styling */

.loros-card.right{border-bottom-right-radius: 25px;}
.loros-card.left{border-bottom-left-radius: 25px;}
.loros-button{background:#c41230 !important;}
.loros-bg{background:#ffc425;}

/* Homepage restyling */
.overlay-search{margin-top:-50px;}
.overlay-usp{margin-top:-40px;}
.triangle-hover.rounded{border-radius:20px !important;}
.hero-banner{min-height: 550px;}
.sub-banner{min-height: 450px;}
.search-links{border-radius: 0px;}

.featured-button{
    background-color:  #bc0014 ;
    color: #ffffff;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.featured-button-outline{
    border:  solid 2px #bc0014 ;
    background-color: transparent;
    color: #ffffff;
    box-shadow: 1px 2px 4px 0 #3b3b3b;
    transition: all 1s;
}

.featured-button:hover {
    background: #950c17;
    color: #ffffff;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.featured-button-outline:hover {  
    background: transparent;
    color: #bc0014;
    filter: drop-shadow(0px 3px 6px #00000075);
}

.featured-colour{color:#bc0014 !important;}

@media screen and (max-width:767px){

    .hero-banner{min-height: 400px;}

    .banner-panel{
        height: 240px;
        border-bottom: 3px solid #1E2D37;
        /* background-color: #000000; */

    }
    

}


/* Quotes restyling */

.card-header.quote-headers{
    border-radius: 0px;
}

.quote-bg{
    background-image: url('/images/slashed-bg.svg');
    background-repeat: no-repeat;
    background-color: #E5F0F8;
    background-size: cover;
    background-attachment: fixed;
}

.banner-height{
    min-height: 350px;
}


.finance-card:hover{background-color: #8dd8f9  !important;color:white !important;}


/* Advanced Finance Form Styling */
#financeapplication .postcodeinput {display: inline-block;width: 70%;}
#financeapplication .postcodebtn {padding: 0.3rem 1rem; border: 1px solid #007af7;  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 #007af7;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;}
.radio .radio-option{margin-right:25px; margin-left:25px;}
@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;} */

#financeapplication .form-control::placeholder{
    font-size:0.8rem;
}
}


.deal-ribbon{
    position: absolute;
    height: 30px;
    color: #fff;
    text-transform: capitalize;
    left:0;
    font-size: 0.8rem;    
    top:30px;
    width:315px;
    color:#FFFFFF;
    background-color: #007af7;
    padding-left:15px;
    /* box-shadow: 5px 5px 10px black; */
}

.deal-ribbon:before{
    content:'';
    position:absolute;
    border-style:solid;
    bottom:0; 
    left:315px;/* This has to match the width of the primary banner*/
    border-bottom:30px solid transparent;
    border-left:30px solid #007af7;
    border-top: transparent;
    border-right:transparent;
}


@media screen and (max-width:767px) {
    .deal-ribbon{
        top:0;
        width: 215px;;
    }
    .deal-ribbon:before{
        left: 215px;;
    }

    .mob-radius-none{
        border-radius: 0px !important;
    }
}

.border-radius-right{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.border-radius-left{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}


.badge-quat{
    font-weight: normal;
    color: #fff;
    background-color: #1e2d37;
}


.badge-tertiary{
    font-weight: normal;
    color: #fff;
    background-color: #ff7c00;
}

/*MMQ styling 20-10-2004 SDH */
.mmq-shadow {-webkit-box-shadow: 2px 2px 8px 4px rgba(189, 189, 189, 0.37);-moz-box-shadow: 2px 2px 8px 4px rgba(189, 189, 189, 0.37);box-shadow: 2px 2px 8px 4px rgba(189, 189, 189, 0.37);}
.mmq-minus10m {margin-top:-10px;}
.mmq-topcorners {border-top-left-radius: .25rem !important;border-top-right-radius: .25rem !important;}
.mmq-bottomcorners {border-bottom-left-radius: .25rem !important;border-bottom-right-radius: .25rem !important;}
.mmq-background {background:#2e3092;color:#ffffff !important;}

.image-icon{
    position: absolute;
    bottom: 4px;
    left: 4px;
    font-size: 0.8rem;
}

.ekko-lightbox-nav-overlay a{
    color:#007af7 !important;
    opacity: 1 !important;
    font-size:3rem !important;
}



/* Advanced Search Styling - new filters */

.grey-text{color:#7c7777;}
.radio-container.active, .radio-container:hover{
    background-color: RGBA(0, 114, 188, 0.2);
    border-radius: 5px;
}

.radio-container.disabled img{
    opacity: 0.5;
}

.ajax_height{
    max-height: 400px;
    overflow: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.ajax_height::-webkit-scrollbar {display: none;}

.search-btn[aria-expanded="false"] .search-accordion .fa-minus{display: none;}
.search-btn[aria-expanded="true"] .search-accordion  .fa-plus{display: none;}
.search-btn[aria-expanded="true"] .search-accordion  .fa-minus{display: block;}
.search-btn:hover{background-color: RGBA(0, 114, 188, 0.2);}

#filtersearch .input-group .border {border: 2px solid #c5c5c5 !important;}
#filtersearch .input-group .form-control {border: 2px solid #c5c5c5 !important;}

#filtersearch .input-group .form-control::placeholder {color: #d3d0d0; opacity: 1; }/* Firefox */
#filtersearch .input-group .form-control::-ms-input-placeholder { color: #d3d0d0;}/* Edge 12-18 */

/*customer portal changes - 01-01-2025 SDH */
#extensionvehiclestiles .vehicleimg, #orderedvehicles .vehicleimg{height: 255px !important;background-size: unset;background-color: #f5f4f4;border-bottom: 1px solid #c9c4c4;}
#extensionvehiclestiles .tag, #orderedvehicles .tag {padding:10px 0px; background-color: #007af7; color: #fff;-webkit-box-shadow: 2px 2px 3px 2px rgba(20,15,59,0.49);-moz-box-shadow: 2px 2px 3px 2px rgba(20,15,59,0.49);box-shadow: 2px 2px 3px 2px rgba(20,15,59,0.49);}
#extensionvehiclestiles .primary-button, #orderedvehicles .primary-button {box-shadow: unset;}
.bg-active {background:#080810}
.bottom-triangle {border-bottom: 1px solid #080810;}
.bottom-triangle:after {content:''; position: absolute; left: 0;right: 0;margin: 0 auto;width: 0; height: 0; border-top: 25px solid #080810;border-left: 30px solid transparent; border-right: 30px solid transparent;}

/* MWVC corporate */
.alert-primary {background-color: #cce5ff !important; border-color: #b8daff !important;}/* add as it gets overwritten when in modal*/

/* manage carousel on dealpage - SDH 05-06-2025 */
.carousel-indicators li {background:#466CB9;background-clip: padding-box;}
.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%466CB9' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
.carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%466CB9' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}

/* fix price to bottom on deal page */
.fixprice {position: sticky;bottom: -20px;width: 100%;right: 5%;z-index: 1;}
@media screen and (max-width:767px) {.fixprice {position: fixed;bottom: 0; width: 100%; left: 0;} .btn-lg {padding: .5rem 0rem;} }