@charset "UTF-8";

/* CSS Document */


/***************************************************************************/


/***************************** GENERAL STYLES *******************************/


/***************************************************************************/

.wrapper {
	max-width: 1500px;
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
	position: relative;
	text-align: center;
	display: block;
	/*z-index: 1;*/
}

.innerWrapper{
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
	position: relative;
	text-align: center;
	display: block;
	/*z-index: 1;*/
}

.section {
	padding: 60px 0px;
	position: relative;
}

.section + .section{
	padding-top: 0;
}

.section.grey + .section,.section + .section.grey,.section + .section.animatedSection,.section.animatedSection + .section{
	padding-top:60px;
}

.section.halfPadding{
	padding:30px 0;
}

.section.paddingTop{
	padding-top: 60px;
}

.section.paddingTop + .section{
	padding-top: 60px;	
}

.col-1-4 {
	width: 23%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-3-4 {
	width: 73%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-1-3 {
	width: 31.333%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-2-3 {
	width: 64.66%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-1-2 {
	width: 48%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-1-5 {
	width: 18%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-2-5 {
	width: 38%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-3-5 {
	width: 58%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-4-5 {
	width: 78%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-1-10 {
	width: 8%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-9-10 {
	width: 88%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-1 {
	margin: 1%;
	width: 98%;
	position: relative;
}
.col-1-6 {
	width: 14.66%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-1-7 {
	width: 12%;
	margin: 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.col-1-10 img, .col-1-4 img, .col-1-2 img, .col-1-3 img, .col-1-5 img, .col-1 img {
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0px;
	display: block;
	padding: 0px;
}
.vertical {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
.parallax-window img {
	width: 100%;
	height: 100%;
	margin: 0px;
	display: block;
	padding: 0px;
}
.center {
	text-align: center;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    margin-top:30px;
    margin-bottom: 30px;
}

.wrapper .video-container,.innerWrapper .video-container{
	margin-top:0;
}

.video-container embed, .video-container iframe, .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grey{
	background:#f6f6f6;
}

.orangeGrad{
    background: -o-linear-gradient(bottom, rgba(226,88,34,1) 0%, rgba(253,126,20,1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(226,88,34,1)), to(rgba(253,126,20,1)));
    background: linear-gradient(0deg, rgba(226,88,34,1) 0%, rgba(253,126,20,1) 100%);
}

#map {
  min-height: 400px;
  width: 100%;
}

.jconfirm-title-c{
	text-align: center;
}

.jconfirm-content{
	padding: 0 20px;
}

/***************************************************************************/


/***************************** HEADER STYLES *******************************/


/***************************************************************************/

header{
	background: #f6f6f6;
	padding: 15px 0;
}

header .logo{
	display: block;
    max-width: 150px;
    max-width: 220px;
    max-height: 80px;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

header p{
    position: absolute;
    top:50%;
    right:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    font-size: 26px;
    line-height: 34px;
}

header ul{
	padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
}

header ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

header ul li a{
	display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
    position: relative;
    color:rgba(0,0,0,0.6);
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

@media only screen and (min-width: 1000px){
	header ul li a:hover{
		color:rgba(0,0,0,1);
    	-webkit-transition: all ease 0.6s;
    	-o-transition: all ease 0.6s;
    	transition: all ease 0.6s;
	}
}

header ul li a:after{
	content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 50%;
    top: calc(50% - 7.5px);
    right: -0.5px;
}

header ul li:last-child a{
	padding-right:0;
}

header ul li:last-child a:after{
	display:none;
}

/************** MOBILE NAV STYLES ***************/

#mobile-header {
	display: none;
	position: absolute;
    right: 0px;
    top: 50%;
    top: calc(50% - 33.5px);
}
#mobile-header svg {
	width: 80px;
	height: 100%;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#mobile-header path {
	fill: none;
	-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
	-o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
	transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
	stroke-width: 60px;
	stroke-linecap: round;
	stroke: #000;
	stroke-dashoffset: 0px;
}
#mobile-header .cross path#top, #mobile-header .cross path#bottom {
	stroke-dashoffset: -650px;
	stroke-dashoffset: -650px;
}
#mobile-header .cross path#middle {
	stroke-dashoffset: -115px;
	stroke-dasharray: 1px 220px;
}
#mobile-header path#top, #mobile-header path#bottom {
	stroke-dasharray: 240px 950px;
}
#mobile-header path#middle {
	stroke-dasharray: 240px 240px;
}
#mobile-header .cross path#top, #mobile-header .cross path#bottom {
	stroke-dashoffset: -650px;
	stroke-dashoffset: -650px;
}
#mobile-header .cross path#middle {
	stroke-dashoffset: -115px;
	stroke-dasharray: 1px 220px;
}

.sidr {
	display: none;
	position: fixed;
    top: 0;
    left:-100%;
    min-height: 100vh;
    height: 100%;
    z-index: 9999999;
    width: 90%;
    width: calc(100% - 80px);
	overflow-x: none;
	overflow-y: auto;
	background:#fff;
	color: #fff;
	border-right: 10px solid #21a665;
	-webkit-box-shadow: -2px 0px 6px 0px rgba(0, 0, 0, 0.3);
	        box-shadow: -2px 0px 6px 0px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sidr .top{
    padding: 20px;
    background: #f6f6f6;
}

.sidr .top p{
	font-size: 16px;
	line-height: 22px;
}

.sidr .menu{
   padding: 0 20px;
    margin: 0;
}

.sidr .menu ul{
	margin: 0;
    padding: 0;
}

.sidr .menu li{
	padding:0;
	margin:0;
	list-style: none;
}

.sidr .menu li a{
	display: block;
	font-size: 16px;
	line-height: 22px;
	padding:10px 0;
	border-bottom: 1px solid #21a665;
}



/*************************************************************************/


/***************************** MAIN STYLES *******************************/


/*************************************************************************/

.parallax-window {
	height: 400px;
	overflow: hidden;
	position: relative;
	background: transparent;
}
#map {
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 2;
}
.center-holder {
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	/*padding:0 30px;*/
	padding: 20px 30px;
}
.center-sub-holder {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
}
.center-text-holder {
	top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
}

.button {
	display: inline-block;
    padding: 5px 35px;
    background: #f6f6f6;
    color: #000;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    border: 2px solid #f6f6f6;
    text-align: center;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

.button#load_more{
	background:var(--inline-color1);
	border: 2px solid var(--inline-color1);
	color:#fff;
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

.button.primary{
	background:var(--inline-color1);
	border: 2px solid var(--inline-color1);
	color: var(--inline-color-font);
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

.button.secondary{
	background:var(--inline-color3);
	border: 2px solid var(--inline-color3);
	color: var(--inline-color-font);
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

@media only screen and (min-width:1000px){
	a.button:hover{
		background:transparent;
		color:#f6f6f6;
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}	

	.button#load_more:hover{
		border: 2px solid var(--inline-color1);
		background:#fff;
		color:var(--inline-color1);
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}

	.button.primary:hover{
		background:var(--inline-color-font);
		color:var(--inline-color1);
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}

	.button.secondary:hover{
		background:var(--inline-color-font);
		color:var(--inline-color3);
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}

}




/*******************************************************************************/


/***************************** FLEXSLIDER STYLES *******************************/


/*******************************************************************************/


/********************** GENERIC FLEXSLIDER STYLES ***********************/

.flexslider {
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: relative;
	overflow: hidden;
	background-color: transparent;
	border-radius: 0;
}
.flexslider .slides {
	margin: 0;
	padding: 0;
}
.flexslider .slides li {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}
.flexslider .slides li img {
	width: 100%;
	display: block;
	height: auto;
}
.flexslider .flex-direction-nav a {
	width: 33px;
	height: 53px;
	top: 50%;
	top: calc(50% - 27.5px);
	opacity: 1;
	color: transparent;
	text-shadow: none;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 20px;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right: 20px;
}
.flex-direction-nav {
	height: 0px;
}
.flex-direction-nav .flex-prev {
	left: -60px;
	background-repeat: no-repeat;
}
.flex-direction-nav .flex-next {
	right: -60px;
	text-align: right;
	background-repeat: no-repeat;
}

/********************** BASIC FLEXSLIDER STYLES ***********************/

.flexslider.basicSlider {
	width: 100%;
	border-radius: 0px;
	/*overflow: visible;*/
}
.flexslider.basicSlider.mainPage {
	margin-top: -50px;
}
.flexslider.basicSlider.testimonials {
	margin-top: 35px;
}
a.flex-active {
	background: #dc0622 !important;
}
.flex-direction-nav, .flex-direction-nav li {
	list-style: none;
	margin-bottom: 0;
}
.flex-control-nav {
	width: 100%;
	position: relative;
	bottom: -10px;
	margin-top: 30px;
	text-align: center;
}
.flex-control-paging li a {
	width: 15px;
	height: 15px;
	border: solid 1px rgba(0, 0, 0, 0.3);
	background: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.flexslider .flex-direction-nav a {
	width: 33px;
	height: 53px;
	top: 50%;
	top: calc(50% - 27.5px);
	opacity: 1;
	color: transparent;
	text-shadow: none;
}
.flex-direction-nav a.flex-prev:before {
	content: "\f053";
	    font-family: "Font Awesome 5 Free";
	        font-weight: 900;
	    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 90px;
	color: rgba(0, 0, 0, 0.6);
	margin-top: -22px;
}
.flex-direction-nav a.flex-next:before {
	content: "\f054";
	    font-family: "Font Awesome 5 Free";
	        font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 90px;
	color: rgba(0, 0, 0, 0.6);
	margin-top: -22px;
}

/***************************************************************************/


/********************* ADDITIONAL FLEXSLIDER STYLES ************************/


/***************************************************************************/




/***************************************************************************/


/***************************** FOOTER STYLES *******************************/


/***************************************************************************/

footer{

}

footer .mainContent{
    background: #f6f6f6;
    padding: 15px 0;	
}

footer ul{
	padding: 0;
    margin: 0;
    font-size: 0;
    float: left;
    line-height: 1;
   	margin-top: 10px;
}

footer ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

footer ul li a{
	display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
    position: relative;
    color:rgba(0,0,0,0.6);
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

@media only screen and (min-width: 1000px){
	footer ul li a:hover{
		color:rgba(0,0,0,1);
    	-webkit-transition: all ease 0.6s;
    	-o-transition: all ease 0.6s;
    	transition: all ease 0.6s;
	}
}

footer ul li a:after{
	content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 50%;
    top: calc(50% - 7.5px);
    right: -0.5px;
}

footer ul li:last-child a{
	padding-right:0;
}

footer ul li:last-child a:after{
	display:none;
}

footer .logo{
	display: block;
    max-width: 250px;
    float: right;
}

footer .logo img{
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

@media only screen and (min-width: 1000px){
	footer .logo:hover img{
		-webkit-transform:scale(1.05);
		        -ms-transform:scale(1.05);
		    transform:scale(1.05);
    	-webkit-transition: all ease 0.6s;
    	-o-transition: all ease 0.6s;
    	transition: all ease 0.6s;
	}
}

footer .bottomContent{
    background: #ececec;
    padding: 15px 0;	
}

footer .bottomContent p{
	font-size: 10px;
    text-align: center;
    line-height: 16px;
}

/***************************************************************************/


/***************************** PAGE STYLES *******************************/


/***************************************************************************/


main{

}

.contentOverlap{
    padding-bottom: 15px;
    margin-bottom: -40px;
}


/***************************************************************************/


/****************************** LOGIN STYLES *******************************/


/***************************************************************************/

.loginPage{
    position: relative;
    text-align: center;
    min-height:100vh;
    padding:65px 20px;
}

.loginPage .splitColour{
	position: absolute;
    left: 0;
    right: 0;
    height: 50%;
    display: block;
    z-index: 0;
}

.loginPage .splitColour.top{
	top: 0;
	background:var(--inline-color1);
}

.loginPage .splitColour.bottom{
	bottom:0;
	background:var(--inline-color2);
}

.loginHolder{
   max-width: 500px;
   display:inline-block;
   vertical-align: top;
   position: relative;
   z-index: 2;
}

.loginHolder .loginSection{
    background: #fff;
    padding: 40px 60px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	min-width: 500px;
}

.loginHolder .loginSection:only-child{
	margin-top:20px;
}


.loginHolder .loginSection.extend{
	padding-bottom: 80px;
}

.loginHolder .loginSection:last-child{
	margin-bottom:0;
}

.loginHolder .loginSection .logo{
	max-width: 160px;
	margin:0 auto 20px;
}

.loginHolder h3,.loginHolder p{
	text-align: center;
}

.loginHolder .loginToggledContent{
	margin-bottom: 20px;
}

.toggledSection{
	display: none;
	margin-bottom: 4%;
}

.loginHolder .primary .toggledSection{
	display: block;
}

.loginHolder .loginSection .forgot{
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    background: rgba(0,0,0,0.02);
    border-radius: 0 0 10px 10px;
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

@media only screen and (min-width: 1000px){
	.loginHolder .loginSection .forgot:hover{
		background: rgba(0,0,0,0.05);
		-webkit-transition: all ease .4s;
    	-o-transition: all ease .4s;
    	transition: all ease .4s;
	}
}

.regText{
	-webkit-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}

.loginPage .button,.loginPage .formStyle .row input[type="submit"],.loginPage .formStyle .row input[type="button"]{
	background: var(--inline-color1);
	color:#fff;
}


.loginPage .forgotPassword{
	display:none;
}

.loginPage .forgot{
	-webkit-transition: all ease .6s;
	-o-transition: all ease .6s;
	transition: all ease .6s;
}

/***************************************************************************/


/****************************** FORM STYLES *******************************/


/***************************************************************************/

.row{
	font-size: 0;
	margin-bottom: 2%;
}

.row.hidden{
	display: none !important;
}

.row:last-of-type{
	margin-bottom:0;
}

.formStyle .row label{
	font-size: 22px;
	line-height: 30px;
	color:rgba(0,0,0,0.6);
}

.formStyle .row input{
    width: 100%;
    background: #f6f6f6;
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    border: 0;
    font-size: 16px;
    text-transform: none;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.formStyle .row input.readonly,.formStyle .row textarea.readonly{
	opacity: 0.3;
}

.formStyle .row textarea{
	padding:10px;
	border:0;
	background:#f2f2f2;
	    font-size: 16px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.formStyle .row input[type="submit"],.formStyle .row input[type="button"]{
	width: auto;
    display: inline-block;
    vertical-align: top;
    height: auto;
    line-height: 32px;
    font-size: 24px;
    background:#529bec;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    padding: 5px 40px;
    -webkit-transition:all ease 0.4s;
	-o-transition:all ease 0.4s;
	transition:all ease 0.4s;
}

@media only screen and (min-width:1000px){
	.formStyle .row input[type="submit"]:hover,.formStyle .row input[type="button"]:hover{
		opacity: 0.8;
		-webkit-transition:all ease 0.4s;
		-o-transition:all ease 0.4s;
		transition:all ease 0.4s;
	}
}

.errorMessage {
    display: none;
    border: 1px solid #cc0000;
    padding: 20px;
    margin-bottom:20px;
}

.formStyle .row.errorMessage{
	margin-bottom:20px;
}

.row.errorMessage p {
    color: #cc0000;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.formStyle .emailHolder{
    display: block;
    font-size: 0;
}

.formStyle .emailHolder .emailBlock{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    overflow: hidden;
}

.formStyle .emailHolder .emailBlock input{
	border-radius: 10px 0 0 10px;
	text-align: right;
}

.formStyle .emailHolder .emailBlock.pre{
	border-radius: 10px 0 0 10px;
}

.formStyle .emailHolder .emailBlock.post{
	border-radius: 0 10px 10px 0;
}

.formStyle .emailHolder .emailBlock .select-style,.accountForm .formStyle .select-style{
	border-radius: 0;
	background: #f6f6f6;
}

.formStyle .emailHolder .emailBlock .select-style:after,.accountForm .formStyle .select-style:after{
	font-size: 24px;
    top: 50%;
    top: calc(50% - 12px);
    color: #000;
}

.formStyle .emailHolder .emailBlock .select-style select{
	padding: 0;
    height: 50px;
    font-size: 14px;
}

.accountForm .formStyle .select-style select{
	padding: 0 10px;
    height: 50px;
}

.formStyle input[type=checkbox] {
       width: 20px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.formStyle label.inlineOpt {
    text-align: left;
    width: 90%;
    width: calc(100% - 40px);
    display: inline-block;
    vertical-align: middle;
}

.form {
  background: var(--inline-color1);
  padding: 30px;
  border-radius: 10px;
  overflow: hidden;
}
.form h3,#callback h4{
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}

#callback h4{
  margin:0;
}

.form .col-1 {
  display: inline-block;
  vertical-align: top;
}
.form p {
  text-align: center;
  color: #fff;
}

#callback .col-1-4 p{
  margin:0;
}

#callback .col-1-4 p span{
  color:inherit;
}
.form input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  padding-left: 10px;
  text-transform: none;
}
.form input[type="checkbox"] {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.form label.inlineOpt {
  color: #fff;
  text-align: left;
  font-style: italic;
  margin: 0 0 0 15px;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 18px;
}
.form textarea {
  padding: 10px;
  border-radius: 5px;
}
.form .errorMessage {
  display: none;
  border: 1px solid #cc0000;
  padding: 20px;
  background: #fff;
}
.form .errorMessage p {
  color: #cc0000;
  margin: 0;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
}
.form .hiddenDescription {
  padding: 20px;
  background: #464646;
  display: none;
}
.form .hiddenDescription p {
  color: #fff;
  margin: 0;
}
.form .readOnly {
  position: relative;
  z-index: 2;
  font-style: italic;
}
.form input[type="submit"], .button.promo {
  color: #fff;
  border: 2px solid #464646;
  background: #464646;
  font-size: 16px;
  line-height: 36px;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  text-align: center;
  width: auto;
  padding: 0 30px;
  margin: 0 auto;
  display: block;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.button.promo {
  margin: 0;
}
@media only screen and (min-width:1000px) {
  .form input[type="submit"]:hover {
    background: #fff;
    color: #464646;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .button.promo:hover {
    background: #fff;
    color: #464646;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}
.fancybox-slide>*, .fancybox-iframe {
  background-color: transparent !important;
}
.form .divider {
  display: block;
  width: 100%;
  height: 4px;
  margin: 30px auto;
  margin-top: calc(30px - 1%);
  margin-bottom: calc(30px - 1%);
  position: relative;
}
.form .divider:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  top: -1000px;
  height: 1000px;
  left: -30px;
  right: -30px;
  bottom: 0;
  display: block;
}
.form .select-style {
  border-radius: 5px;
}
.form .select-style select {
  padding: 0 10px;
  line-height: 40px;
  height: 40px;
}
.form .select-style:after {
  content: "\f078";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: #464646;
  top: 50%;
  top: calc(50% - 11px);
  font-size: 22px;
  vertical-align: middle;
}

.form table label,.form table span,.form table td{
  color: #fff;
}


.form table tr input,.form table tr textarea,.form table .captcha_text{
  margin-bottom: 10px;
  display: block;
}

.form table tr input,.form table tr textarea{
  color:#000;
}

.form td.label {
    vertical-align: top;
    padding-top: 10px;
}

.formStyle .row.title{
	margin: 40px 0;
}

.formStyle .row.driver2,.formStyle .row.driver3{
	display: none;
}

.formStyle .tooltip{
    position: relative;
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-top;
}

.formStyle .tooltip i{

}

.formStyle .tooltip .text{
	background: #e2e2e2;
    background: var(--inline-color3);
    position: absolute;
    z-index: 10;
    width: 350px;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
            box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
    visibility: hidden;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

.formStyle .tooltip.show .text{
	visibility: visible;
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
}

.formStyle .tooltip .text p{
    font-size: 14px;
    line-height: 22px;
    color: var(--inline-color-font);
}


@media only screen and (min-width: 1000px){
	.formStyle .tooltip:hover .text{
		visibility: visible;
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}
}

/***************************************************************************/

/************************* SEARCH BAR STYLES *******************************/

/***************************************************************************/

.searchSection {
  position: relative;
}

.searchSection .searchBar {
  background:#529bec;
  position: relative;
  z-index: 2;
  padding: 10px 0;
  overflow: hidden;

}

.headerSearch .searchSection:after {
  display: none;
}
.searchSection.inPage:after {
  display: none;
}

.searchSection.inPage {
  top: 0;
  z-index: 399!important;
  width: 100%;
  overflow-y: auto;
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
}
.searchSection.inPage.fixed {
  position: fixed;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .75);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, .75);
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
  left: 0;
  right: 0;
  z-index: 401!important;
}

.searchSection.inPage .vertical{
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
  margin:0 1%;
}

.searchSection .searchBar p {
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  padding-left: 10px;
  max-width: 80%;
}

.searchSection .searchBar p span{
  font-size: inherit;
  line-height: inherit;
  color:inherit;
  font-weight:inherit;
}


.searchSection .searchBar label {
  display: block;
  margin-bottom: 5px;
  color: #fff;
      font-size: 18px;
    line-height: 26px;
}
.searchSection .searchBar .select-style {
  border-radius: 0;
  background: #fff;
}
.searchSection .searchBar .select-style:after {
  content: "\f078";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 18px;
  top: 50%;
  top: calc(50% - 9px);
  color: rgba(0,0,0,0.8);
}
.searchSection .searchBar .select-style select {
  font-size: 14px;
  color: rgba(0,0,0,0.8);
}
.searchSection .searchBar .searchButton {
  width: 80%;
  margin-left: 20%;
  position: relative;
}
.searchSection .searchBar .searchButton:before {
  content: "";
  position: absolute;
  left: 0;
  right: -100px;
  top: -100px;
  bottom: -100px;
  background: rgba(255, 255, 255, 0.1);
  display: block;
  z-index: 1;
}
.searchSection .searchBar .searchButton input {
  position: absolute;
  left: 0;
  right: -100px;
  top: -100px;
  bottom: -100px;
  width: 300px;
  height: 300px;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
      z-index: 2;
}
.searchSection .searchBar .searchButton span {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  padding-left: 20px;
  text-align: left;

  position: relative;
   
}
.searchSection .searchBar .searchButton span:after {
  content: "\f002";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  margin-left: 10px;
}

.searchBar form {
  text-align: center;
}

.searchSection .searchBar .col-1-6{
  vertical-align: middle;
}

.priceOptions{
    background: #ededed;
    overflow: hidden;
    display: block;
}

.priceOptions .text{
  display: inline-block;
  vertical-align: middle;
  width: 33.333%;
}

.priceOptions p{
  text-align: left;
  font-size: 18px;
    line-height: 24px;
    position:relative;
    z-index: 2;

}

.priceOptions p em{
  display: block;
  text-align: left;
}

.priceOptions .blue p{
  text-align: center;
      color: #fff;
    font-size: 22px;
    line-height: 28px;
}

.priceOptions .blue{
  position:relative;
}

.priceOptions .blue:before{
      content: "";
    background: var(--inline-color1);
    top: -300px;
    bottom: -300px;
    position: absolute;
    left: -300px;
    right: 0;
    z-index: 0;

}

.priceOptions .options {
  display: inline-block;
  vertical-align: middle;
  width: 66.666%;
}
.priceOptions .options ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.priceOptions .options ul li {
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: 14.66%;
  margin: 1%;
}
.priceOptions .options.half ul li {
  width: 48%;
}
.priceOptions .options ul li a {
  display: block;
  text-align: center;
  background: #fff;
  padding: 10px 0;
  border-radius: 5px;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.priceOptions .options ul li a.active {
  background: var(--inline-color1);
  color: #fff;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
@media only screen and (min-width:1000px) {
  .priceOptions .options ul li a:hover {
    background: var(--inline-color1);
    color: #fff;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}
.priceOptions .options .select-style {
  width: 98%;
  margin: 1%;
  background: #fff;
}
.priceOptions .options .select-style:after {
  content: "\f078";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 18px;
  top: 50%;
  top: calc(50% - 9px);
  color:rgba(0,0,0,0.8);
}
.priceOptions .options .select-style select {
  font-size: 14px;
  color:rgba(0,0,0,0.8);
  padding: 10px 15px;
}

/***************************************************************************/

/***************************** TABLE STYLES *******************************/

/***************************************************************************/

.table {
      margin-top: 0;
  width: 100%;
  max-width: 100%;
  text-align: left;
  margin-bottom: 1%;
}
.table th {
  background-color: #62b1bd;
  padding: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  outline: none;
  cursor: pointer;
  position: relative;
}
.table th.tablesorter-header:before {
  content: "\f0de";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  position: absolute;
  font-size: 12px;
  line-height: 1;
  right: 10px;
  top: 50%;
  top: calc(50% - 6px);
  opacity: 0.5;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
.table th.tablesorter-headerAsc:before {
  opacity: 1;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
.table th.tablesorter-header:after {
  content: "\f0dd";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  position: absolute;
  font-size: 12px;
  line-height: 1;
  right: 10px;
  top: 50%;
  top: calc(50% - 3px);
  opacity: 0.5;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
.table th.tablesorter-headerDesc:after {
  opacity: 1;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.table th.tablesorter-header.view:before, .table th.tablesorter-header.view:after {
  display: none;
}

isplay: inline-block;
.table th.personal {
  border: 0;
  background: var(--inline-color1);
}
.table th.business {
  border: 0;
  background: #21a665;
}
.table th.view {
  border: 0;
}

.table th.view.remove{
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.table th.view, .table th.view * {
  text-align: center;
}
.table th * {
  color: #fff;
  outline: none;
  font-size: 14px;
}
.table tr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.07);
}
.table td {
  padding: 16px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.table td.view {
  text-align: center;
}
.table td p {
  font-size: 14px;
  text-align: left;
}

.table td.top a:before{
    content: "\f005";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: inherit;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #ff7b00;
    color:#2163a6;
       margin-right: 10px;
    font-size: 22px;
    vertical-align: middle;
  
}

.table td.hot a:before{
        /*content: "\f06d";*/
        content:"";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: inherit;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #ff7b00;
    color: rgba(253,126,20,1);
       margin-right: 10px;
    font-size: 22px;
    vertical-align: middle;
    height: 22px;
    width: 16.5px;
    background-image: url(/assets/images/layout/flame-orange.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}


.table th:first-child{
  border-left:5px solid rgba(0,0,0,.65);
}

.table tr td:first-child {
    border-left: 5px solid #fff;
}

.table a{
  font-size:14px;
}

.table a.button{
  font-size:16px;
}



.table tr:nth-child(even) td:first-child {
    border-left: 5px solid #ededed;
}

.table tr td.top{
  border-left:5px solid #ff7b00 !important;
  border-left:5px solid #2163a6 !important;
}
.table tr td.hot{
  border-left:5px solid rgba(253,126,20,1) !important;
}


.table td.business {
  color: #21a665;
  font-size: 20px;
}
.table td.business span {
  color: inherit;
  font-size: 14px;
}
.table td.personal {
  color: var(--inline-color1);
  font-size: 20px;
}
.table td.personal span {
  color: inherit;
  font-size: 14px;
  font-weight: inherit;
}
.table td:last-child {
  border: 0;
}
.table .button {
  background:var(--inline-color1);
  color:#fff;
  border: 2px solid var(--inline-color1);
}

.table .button.remove{
	background: #ff6961;
    border: 2px solid #ff6961;
    color: #fff;
    padding: 5px 15px;
}

.table .button.remove i{
	color: #fff;
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

@media only screen and (min-width: 1000px){
	.table .button:hover {
	    background: transparent;
	    color: #000;
	    -webkit-transition: all ease 0.6s;
	    -o-transition: all ease 0.6s;
	    transition: all ease 0.6s;
	}

	.table .button.remove:hover {
	    background: #fff;
	    color: #ff6961;
	    -webkit-transition: all ease 0.6s;
	    -o-transition: all ease 0.6s;
	    transition: all ease 0.6s;
	}

	.table .button.remove:hover i{
		color: #ff6961;
	    -webkit-transition: all ease 0.6s;
	    -o-transition: all ease 0.6s;
	    transition: all ease 0.6s;

	}

}

/***************************************************************************/

/*************************** VIEW TYPE STYLES ******************************/

/***************************************************************************/

.viewType {
  padding: 20px 0;
  text-align: right;
}
.viewType .views {
  display: inline-block;
}
.viewType .views p {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  word-break: initial;
  font-size: 18px;
  line-height: 26px;
}
.viewType .views ul {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.viewType .views ul li {
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}
.viewType .views ul li:last-child {
  margin: 0;
}
.viewType .views ul li a {
  display: block;
  padding: 10px 0;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  font-size: 18px;
  line-height: 26px;
}
.viewType .views ul li a.active {
  color: var(--inline-color1);
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.viewType .views ul li a.active:after {
  color: var(--inline-color1);
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.viewType .views ul li a:before {
  content: "";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  margin-right: 5px;
  
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.viewType .views ul li a.active:before{
	color: var(--inline-color1);
	-webkit-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.viewType .views ul li a.grid:before {
  content: "\f00a";
}
.viewType .views ul li a.list:before {
  content: "\f0ca";
}
#listingSection {
  text-align: center;
}
.contentListing {
  text-align: center;
  margin: -1% -1% 0;
}

@media only screen and (min-width:1000px) {
  .viewType .views ul li a:hover {
    color: var(--inline-color1);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }

  .viewType .views ul li a:hover:before {
    color: var(--inline-color1);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }

  .viewType .views ul li a:hover:after {
    color: var(--inline-color1);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}

/***************************************************************************/

/************************ SEARCH BAR BANNER STYLES *************************/

/***************************************************************************/

.bannerSearchStrip{
	position: relative;
	margin-top: -55px;
}

.bannerSearchStrip:after{
	content: "";
    background: #f6f6f6;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}

/***************************************************************************/

/************************* ALLOWANCE SECTION STYLES ************************/

/***************************************************************************/

.animatedSection{
	position: relative;
}

.animatedSection:before{
	content: "";
	position: absolute;
	top:-100px;
	left: 0;
	right:0;
	bottom:-100px;
	background-image:url(/assets/images/elements/animatedBackground.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-animation: wessexmove 8s infinite;
            animation: wessexmove 8s infinite;
}

@-webkit-keyframes wessexmove {
  0%{
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50%{
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
  100%{
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes wessexmove {
  0%{
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50%{
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
  100%{
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.animatedSection h3{
	color:#fff;
}

.allowanceBox{
	text-align: center;
	font-size: 0;
}

.iconCol{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    text-align: center;
}

.iconCol .circle{
    border-radius: 100%;
    position: relative;
    border: 10px solid #fff;
   	display: block;
   	margin-bottom: 20px;
}

.iconCol .circle:before{
	content: "";
    display: block;
    padding-bottom: 100%;
    padding-bottom: calc(100% - 20px);
}

.iconCol .circle:after{
	content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: #fff;
    border-radius: 100%;
   	z-index: 1;
}

.iconCol .circle .icon{
	color:#30d4c8;
	z-index: 2;
	display:inline-block;
	vertical-align: top;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	-webkit-transition:all ease 0.6s;
	-o-transition:all ease 0.6s;
	transition:all ease 0.6s;
}

.iconCol .circle .icon i{
	color: inherit;
    font-size: 86px;
    -webkit-transition:all ease 0.6s;
		-o-transition:all ease 0.6s;
		transition:all ease 0.6s;
}

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

	.iconCol .circle:hover .icon i{
		-webkit-transform:translateY(-5px);
		        -ms-transform:translateY(-5px);
		    transform:translateY(-5px);
		-webkit-transition:all ease 0.6s;
		-o-transition:all ease 0.6s;
		transition:all ease 0.6s;
	}
}

.iconCol .button{
	width: 90%;
	margin:0 5%;
}

.contentCol{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    position: relative;
    margin-top: -62px;
    z-index: 2;
}

.contentCol:before{
	content: "";
    display: block;
    position: absolute;
    top: -4px;
    bottom: -4px;
    z-index: 0;
    background: rgba(0,0,0,0.1);
    left: 0;
    right: 0;
}

.contentCol .arrow{
    display: block;
    width: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
}

.contentCol .arrow:before{
	content: "";
    position: absolute;
    top: 0;
    bottom: 50%;
    left: 0;
    right: 0;
    z-index: 2;
}

.contentCol .arrow:after{
	content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.contentCol .arrow.left{
    left: -40px;
}

.contentCol .arrow.left:before{
	background-image: -o-linear-gradient(left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, #fff 50%);
	background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, #fff));
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, #fff 50%);
}

.contentCol .arrow.left:after{
	background-image: -o-linear-gradient(left bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, #fff 50%);
	background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, #fff));
	background-image: linear-gradient(to right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, #fff 50%);
}

.contentCol .arrow.right{
	right: -40px;
}

.contentCol .arrow.right:before{
	background-image: -o-linear-gradient(right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, #fff 50%);
	background-image: -webkit-gradient(linear, right top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, #fff));
	background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, #fff 50%);
}

.contentCol .arrow.right:after{
	background-image: -o-linear-gradient(right bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, #fff 50%);
	background-image: -webkit-gradient(linear, right bottom, left top, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, #fff));
	background-image: linear-gradient(to left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, #fff 50%);
}

.contentCol .arrow .outer:before{
	content: "";
    position: absolute;
    top: -4px;
    bottom: 50%;
    z-index: 1;
}

.contentCol .arrow .outer:after{
	content: "";
    position: absolute;
    top: 50%;
    bottom: -4px;
    z-index: 1;
}

.contentCol .arrow.left .outer:before{
	background-image: -o-linear-gradient(left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.1)));
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	right: 0;
	left:-4px;
}

.contentCol .arrow.left .outer:after{
	background-image: -o-linear-gradient(left bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.1)));
	background-image: linear-gradient(to right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	right: 0;
	left:-4px;
}

.contentCol .arrow.right .outer:before{
	background-image: -o-linear-gradient(right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	background-image: -webkit-gradient(linear, right top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.1)));
	background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	right:-4px;
	left: 0;
}

.contentCol .arrow.right .outer:after{
	background-image: -o-linear-gradient(right bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	background-image: -webkit-gradient(linear, right bottom, left top, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.1)));
	background-image: linear-gradient(to left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	right:-4px;
	left: 0;
}

.contentCol .arrow .inner:before{
	content: "";
    position: absolute;
    top: 10px;
    bottom: 50%;
    left: 5px;
    right: 0;
    z-index: 3;
}

.contentCol .arrow .inner:after{
	content: "";
    position: absolute;
    top: 50%;
    bottom: 10px;
    left: 5px;
    z-index: 3;
}

.contentCol .arrow.left .inner:before{
	background-image: -o-linear-gradient(left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--inline-color3) 50%);
	background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, var(--inline-color3)));
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--inline-color3) 50%);
	right: 0;
}

.contentCol .arrow.left .inner:after{
	background-image: -o-linear-gradient(left bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--inline-color3) 50%);
	background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, var(--inline-color3)));
	background-image: linear-gradient(to right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--inline-color3) 50%);
	right: 0;
}

.contentCol .arrow.right .inner:before{
	background-image: -o-linear-gradient(right top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--inline-color3) 50%);
	background-image: -webkit-gradient(linear, right top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, var(--inline-color3)));
	background-image: linear-gradient(to left bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--inline-color3) 50%);
	right:5px;
	left: 0;
}

.contentCol .arrow.right .inner:after{
	background-image: -o-linear-gradient(right bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--inline-color3) 50%);
	background-image: -webkit-gradient(linear, right bottom, left top, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, var(--inline-color3)));
	background-image: linear-gradient(to left top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, var(--inline-color3) 50%);
	right:5px;
	left: 0;
}

.contentCol .content{
	padding: 30px;
    background: #fff;
    position: relative;
    z-index: 1;
}

/***************************************************************************/

/***************************** ITEM STYLES *********************************/

/***************************************************************************/

.carousel {
  text-align: center;
  padding: 0 40px;
}

.carousel.noPad {
  padding: 0;
}

.carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  top: calc(50% - 25px);
  background: transparent;
  outline: none;
}
.carousel .slick-arrow:before {
  content: "";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: #21a665;
  font-size: 50px;
  line-height: 50px;
  vertical-align: middle;
}
.carousel .slick-arrow.slick-prev {
  left: 0;
}
.carousel .slick-arrow.slick-prev:before {
  content: "\f053";
}
.carousel .slick-arrow.slick-next {
  right: 0;
}
.carousel .slick-arrow.slick-next:before {
  content: "\f054";
}
.item {
  display: inline-block;
  vertical-align: top;
  width: 31.3333%;
  width: 23%;
  margin: 1%;
  border-radius: 10px;
  overflow: hidden;
      background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.item.slick-slide,.carousel .slick-slide {
  margin: 10px;
}
.item a {
  display: block;
  position: relative;
  z-index: 1;
}
.item .image {
  overflow: hidden;
  position: relative;
  
}

.item .image.top:before{
        content: "\f005";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: inherit;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    background: #ff7b00;
    background:#2163a6;
    padding: 10px;
    border-radius: 0 10px;
    z-index: 2;
}

.item .image.hot:after
{
    /*content: "\f06d";*/
    content:"";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: inherit;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    background:#fd7e14;
    background:#e25822;
    width: 44.5px;
    height: 42px;
    background-image: url(/assets/images/layout/flame-white.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 10px;
    z-index: 2;
}

.item .image.top.hot:after{
  right: auto;
  left: 0;
  border-radius: 5px 0;
}

.item .image img {
  width: 100%;
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
}
@media only screen and (min-width:1000px) {
  .item:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
    -webkit-transition: all ease 0.8s;
    -o-transition: all ease 0.8s;
    transition: all ease 0.8s;
  }
}
.item a.shortlist {
   padding: 10px 15px;
   background: rgba(33,166, 101, 0.6);
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 2;
   font-size: 0;
   text-align: left;
   line-height: 1;
   outline: none;
   -webkit-transition: all ease 0.6s;
   -o-transition: all ease 0.6s;
   transition: all ease 0.6s;
}

.item a.shortlist.listed{
	background: rgba(33,166, 101, 0.8);
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

.item a.shortlist:before{
  content: "\f005";
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  margin-right: 5px;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.item a.shortlist.listed:before{
	font-weight: 900;
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

@media only screen and (min-width: 1000px){
	.item a.shortlist:hover{
		background: rgba(33,166, 101, 0.8);
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}

	.item a.shortlist:hover:before{
		font-weight: 900;
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}
}

.item a.shortlist span {
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
.item .content {
  padding: 15px;
}
.item .content h4 {
  text-transform: capitalize;
  margin: 0;
  position: relative;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
}

.item .content p {
  text-transform: capitalize;
  text-align: left;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
.item .content span {
  text-transform: capitalize;
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
  text-align: left;
  display: block;
}
.item .contractBar {
  padding: 10px;
  background: rgba(0,0,0,.07);
}
.item .contractBar ul {
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
  line-height: 1;
}
.item .contractBar ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.item .contractBar ul li:last-child {
  border: 0;
}
.item .contractBar ul li p {
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}
.item .contractBar ul li p.stock {
  color: #00be2e;
  font-style: italic;
}
.item .contractBar ul li p.stock:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  margin-right: 5px;
}
.item .price {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.item .price:only-child{
	width: 100%;
}

.item .price .header {
  padding: 10px 15px;
  background-color:var(--inline-color1);
}

.item .price .header p {
  color: #fff;
  text-align: left;
      font-size: 16px;
    line-height: 22px;
}
.item .price .detail {
  padding: 10px;
  position: relative;
}
.item .price:first-of-type .detail:after {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: -0.5px;
  top: 50%;
  top: calc(50% - 15px);
}

.item .price:only-child .detail:after{
	display:none;
}

.item .price .detail p {
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  text-align: left;
  color:var(--inline-color1);
}

.item .price .detail p span {
  color: inherit;
  font-size: 12px;
  font-style: italic;
  line-height: inherit;
  display: inline;
}
.item .price .detail span {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  display: block;
  font-style: italic;
}

.item .price .detail span.subNumber{
  display: inline-block;
}

/***************************************************************************/

/***************************** STEPS STYLES *******************************/

/***************************************************************************/


.steps .step {
  position: relative;
  border-radius: 20px;
  background: #fff;
  border: 5px solid #fff;
  text-align: center;
  padding: 50px 20px;
}
.steps .step:after {
  content: "";
  display: block;
  height: 55px;
  width: 59px;
  background-size: contain;
  position: absolute;
  right: -59px;
  z-index: 10;
  background-repeat: no-repeat;
  top: 50%;
  top: calc(50% - 27px);
  background-color: #fff;
}
.steps .step.turqoise:after {
  background-image: url(/assets/images/content/steps/step-1-arrow.jpg);
}
.steps .step.blue:after {
  background-image: url(/assets/images/content/steps/step-2-arrow.jpg);
}
.steps .step.pink:after {
  background-image: url(/assets/images/content/steps/step-3-arrow.jpg);
}
.steps .step.purple:after {
  display: none;
}
.steps .step.turqoise {
  border: 5px solid #30d4c8;
}
.steps .step.blue {
  border: 5px solid #1d94e3;
}
.steps .step.pink {
  border: 5px solid #c442b9;
}
.steps .step.purple {
  border: 5px solid #662d91;
}
.steps .step .icon {
  display: inline-block;
  margin-bottom: 10px;
}
.steps .step p {
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
}
.steps .step.turqoise p {
  color: #30d4c8;
}
.steps .step.blue p {
  color: #1d94e3;
}
.steps .step.pink p {
  color: #c442b9;
}
.steps .step.purple p {
  color: #662d91;
}
.steps .step span {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin: 0;
  display: block;
}
.steps .step span em {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  min-height: 35px;
  display: block;
}



/***************************************************************************/

/*********************** FULL WIDTH SPLIT STYLES ***************************/

/***************************************************************************/

.fullwidthSplit {
  font-size: 0;
}
.fullwidthSplit .halfWidth {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
.fullwidthSplit .halfWidth:before {
  content: "";
  display: block;
  padding-bottom: 60%;
}

.fullwidthSplit .halfWidth p {
  display: block;
  max-width: 300px;
}

.fullwidthSplit .dark h3,.fullwidthSplit .dark p{
	color:#fff;
}

.fullwidthSplit .centerHolder {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  padding-left: 50px;
}
.fullwidthSplit .centerSubHolder {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
}
.fullwidthSplit .centerTextHolder {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

@media only screen and (min-width: 1000px){
	.fullwidthSplit .halfWidth.light a.button:hover {
	    background: transparent;
	    color: #000;
	    -webkit-transition: all ease 0.6s;
	    -o-transition: all ease 0.6s;
	    transition: all ease 0.6s;
	}
}



/***************************************************************************/

/***************** ALLOWANCE CALCULATOR TRIGGER STYLES *********************/

/***************************************************************************/

.allowanceTrigger{
    display: block;
    padding: 20px;
    overflow: hidden;
    position: relative;
}

.allowanceTrigger p{
	font-size: 28px;
	line-height: 34px;
	color: #fff;
	position: relative;
	z-index: 2;
}

.allowanceTrigger:after{
	content: "\f1ec";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: rgba(255,255,255,0.2);
    position: absolute;
    top: -20px;
    bottom: 0;
    right: 20px;
    font-size: 150px;
    -webkit-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    -webkit-transition:all ease 0.6s;
    -o-transition:all ease 0.6s;
    transition:all ease 0.6s;
}

@media only screen and (min-width:1000px){
	.allowanceTrigger:hover:after{
		right:-30px;
		-webkit-transform:rotate(10deg);
		        -ms-transform:rotate(10deg);
		    transform:rotate(10deg);
	    -webkit-transition:all ease 0.6s;
	    -o-transition:all ease 0.6s;
	    transition:all ease 0.6s;
	}
}

.fancybox-slide--ajax{
	height: auto;
}


/***************************************************************************/

/********************** ALLOWANCE CALCULATOR STYLES ************************/

/***************************************************************************/

.fancybox-slide{
	/*height: auto;*/
}

.allowanceCalculator{
	display: block;
    width: 900px;
    margin: 0 auto;
}

.allowanceCalculator .header{
	background: var(--inline-color3);
    padding: 20px 30px;
    text-align: center;
}

.allowanceCalculator .header .container{
	display: inline-block;
	vertical-align: top;
    max-width: 500px;
}

.allowanceCalculator .header h3{
	color:#fff;
	margin-bottom:10px;
	text-align: center;
	font-size: 40px;
	line-height: 48px;
}

.allowanceCalculator .header p{
	color:#fff;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
}

.allowanceCalculator .formBox{
	border: 20px solid var(--inline-color3);
    border-top: 0;
    padding: 20px;
    background: #fff;
}

.allowanceCalculator .formBox .row{
	margin-bottom: 20px;
}

.allowanceCalculator .formBox .row:last-of-type{
	margin:0;
}

.allowanceCalculator .formBox label{
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
}

.rangeHolder{
	position: relative;
	padding-bottom: 25px;
}

.rangeHolder .tooltip{
	border: 1px solid #000;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    position: relative;
    width: 60px;
	-webkit-transform: translateX(-5px);
	        -ms-transform: translateX(-5px);
	    transform: translateX(-5px);
}

.rangeHolder .tooltip p{
	font-size: 14px;
	line-height: 22px;
	text-align: center;

}

.rangeHolder .maxValue{
	color: #ececec;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 1;
}

.rangeHolder .rangeslider--horizontal{
    margin-top: 25px;
    background: #ececec;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    height: 10px;
}

.rangeHolder .rangeslider__fill{
	background: var(--inline-color3);
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.rangeHolder .rangeslider--horizontal .rangeslider__handle{
    background: var(--inline-color3);
    border: 0;
    height: 50px;
    width: 50px;
    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    top: -20px;
    z-index: 2;

}

.rangeHolder .rangeslider--horizontal .rangeslider__handle:after{
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent var(--inline-color3) transparent;
    border-radius: 0;
    background-image: none;
    top: -7.5px;
    left: 50%;
    left: calc(50% - 10px);
    right: auto;
    bottom: auto;
}

.allowanceCalculator .formBox .buttons{
	margin-top: 20px;
}

.allowanceCalculator .formBox .buttons .button{
    font-size: 16px;
    line-height: 24px;
    width: auto;
    height: auto;
    padding: 5px 50px;
    border: 2px solid var(--inline-color3);
    background:var(--inline-color3);
    color:#fff;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

@media only screen and (min-width:1000px){
	.allowanceCalculator .formBox .buttons .button:hover{
		background:transparent;
		color:var(--inline-color3);
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}
}

.allowanceCalculator .formBox .buttons .button.previous{
	float: left;
	opacity: 0.8;
}

.allowanceCalculator .formBox .buttons .button.next,.allowanceCalculator .formBox .buttons .button.return{
	float: right;
}

.allowanceCalculator .formSection{
	display:none;
}

.allowanceCalculator .formSection:first-child{
	display:block;
}

.allowanceCalculator .figures{
	font-size: 30px;
	line-height: 58px;
}

.allowanceCalculator .figures span{
	font-size: 50px;
	line-height: 58px;
}

.fancybox-slide>*{
	padding:0;
	background:transparent;
}

.fancybox-close-small{
	display:none;
}

.allowanceCalculator .displayText{
	margin-top: 20px;
	padding: 20px 0;
	position: relative;
}

.allowanceCalculator .displayText:before{
	content: "";
    background: #e2e2e2;
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    bottom: 0;
    z-index: 0;
}

.allowanceCalculator .displayText p{
	position: relative;
	z-index: 1;
}

.allowanceCalculator .disclaimerText{
    margin-top: 20px;
}

.allowanceCalculator .disclaimerText p{
	font-size: 12px;
    line-height: 18px;
    font-style: italic;
}

/***************************************************************************/


/************************** PROMO BANNER STYLES ****************************/


/***************************************************************************/

.promoBanner{
	height: 400px;
    background-size: cover;
    background-position: 50% 50%;
}

/***************************************************************************/

/**************************** SPINNER STYLES *******************************/

/***************************************************************************/

.spinner {
  margin: 100px auto;
  height: 60px;
  width: 60px;
  text-align: center;
  font-size: 10px;
  background: #fff;
}
.spinner>div {
  background-color: var(--inline-color1);
  height: 100%;
  width: 7px;
  margin: 0 3px 0 0;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.blue .spinner>div {
  background-color: #2163a6;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4)
  }
  20% {
    -webkit-transform: scaleY(1.0)
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/***************************************************************************/

/***************************** NAVBAR STYLES *******************************/

/***************************************************************************/

.navBar {
  padding: 20px 0;
}
.navBar .breadcrumb {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 0;
  padding-top: 5px;
}
.navBar .breadcrumb li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  list-style: none;
}
.navBar .breadcrumb li a {
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  color:inherit;
}
.navBar .breadcrumb li a:after {
  content: ">";
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.navBar .breadcrumb li:last-child a:after {
  display: none;
}

.navBar .breadcrumb.searchPage li a,.navBar .breadcrumb.searchPage li a:after{
	color:#fff;
}

.navBar a.back.button {
  font-size: 14px;
  line-height: 20px;
  float: right;
  background: #2163a6;
  border: 2px solid #2163a6;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  padding: 5px 15px 5px 60px;
}
.navBar a.back.button:before {
  content: "\f060";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  position: absolute;
  z-index: 2;
  left: 10px;
  color: #fff;
  top: 50%;
  top: calc(50% - 10px);
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
@media only screen and (min-width:1000px) {
  .navBar .breadcrumb li a:hover {
    color: var(--inline-color1);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }

  .navBar .breadcrumb.searchPage li a:hover,.navBar .breadcrumb.searchPage li a:hover:after{
	color:#000;
  }

  .navBar a.back.button:hover {
    color: #fff;
    background: #2163a6;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .navBar a.back.button:hover:before {
    left: -24px;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}

/***************************************************************************/

/************************ LARGE CAROUSEL STYLES ****************************/

/***************************************************************************/

.largeCarousel {
  position: relative;
}

.largeCarousel .lastFew{
      display: block;
    background: #21a665;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  z-index: 2;
}

.largeCarousel .lastFew p{
      font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
}

.largeCarousel .lastFew p:before{
  content: "\f06a";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  margin-right: 10px;
}

.largeCarousel .lastFew p:after{
  content: "\f06a";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  margin-left: 10px;
}

.largeCarousel .infoBar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.largeCarousel .infoBar:after {
  content: "";
  display: table;
  clear: both;
}
.largeCarousel .infoBar p {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}
.largeCarousel .infoBar .flag {
  padding: 10px 20px;
  float: left;
  font-size: 0;
}

.largeCarousel .infoBar .flag p{
  display: inline-block;
  vertical-align: middle;
}

.largeCarousel .infoBar .flag p:before{
    content: "\f005";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: inherit;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
    margin-right: 10px;
        line-height: inherit;
    font-size: inherit;
}

.largeCarousel .infoBar .flag.hotoffer p:before{
    content: "\f46a";
    content:"";
    height: 24px;
    width: 13.5px;
    background-image: url(/assets/images/layout/flame-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.largeCarousel .infoBar .inStock {
  padding: 10px 20px;
  float: right;
}
.largeCarousel .infoBar .inStock p {
  font-style: italic;
}
.largeCarousel .infoBar .inStock p:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  margin-right: 5px;
}



.largeCarousel .hide{
  display: none;
}

.largeCarousel .slide img {
  width: 100%;
}

.largeCarousel .shortlistBar {
   padding: 10px 15px;
   background: rgba(33,166, 101, 0.6);
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 2;
   font-size: 0;
   text-align: center;
   line-height: 1;
   -webkit-transition: all ease 0.6s;
   -o-transition: all ease 0.6s;
   transition: all ease 0.6s;
}

.largeCarousel .shortlistBar.listed{
	background: rgba(33,166, 101, 0.8);
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

.largeCarousel .shortlistBar:before{
  content: "\f005";
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  margin-right: 5px;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.largeCarousel .shortlistBar.listed:before{
	font-weight: 900;
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

@media only screen and (min-width: 1000px){
	.largeCarousel .shortlistBar:hover{
		background: rgba(33,166, 101, 0.8);
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}

	.largeCarousel .shortlistBar:hover:before{
		font-weight: 900;
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}
}

.largeCarousel .shortlistBar span {
	font-size: 18px;
    line-height: 26px;
    color: #fff;
    text-transform: capitalize;
}

/***************************************************************************/

/********************** THUMBNAIL CAROUSEL STYLES **************************/

/***************************************************************************/

.thumbnailCarousel {
  font-size: 0;
  margin: 10px -10px;
  line-height: 1;
}
.thumbnailCarousel .slide {
  display: inline-block;
  width: 33.333%;
  width: calc(33.333% - 20px);
  margin: 10px;
  vertical-align: top;
  position: relative;
  outline: none;
  cursor: pointer;
}
.thumbnailCarousel .slide:before {
  content: "";
  background: rgba(189, 195, 199, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.thumbnailCarousel .slide.slick-current.slick-active:before {
  opacity: 0;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.thumbnailCarousel .slide img {
  width: 100%;
}
/***************************************************************************/

/************************ KEY INFORMATION STYLES ***************************/

/***************************************************************************/

.keyInformation {
  border: 4px solid var(--inline-color);
  padding: 20px;
  margin-bottom: 10px;
}
.keyInformation.mrgTop {
  margin-top: 10px;
  margin-top: calc(10px + 1%);
}
.keyInformation p {
  display: block;
  text-align: left;
  margin: 0;
      font-size: 14px;
    line-height: 20px;
}
.keyInformation span {
  font-size: 14px;
  line-height: 20px;
  display: block;
  text-align: left;
}
.keyInformation .featureBox {
  background: rgba(0, 0, 0, 0.07);
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  padding: 10px 2%;
  text-align: center;
}
.keyInformation .featureBox:last-child {
  margin: 0;
}
.keyInformation .featureBox .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.keyInformation .featureBox .icon img {
  max-width: 35px;
  margin: 0 auto;
}
.keyInformation .featureBox .text {
  display: inline-block;
  vertical-align: middle;
}
/***************************************************************************/

/*********************** PLAN BUILDER STYLES *******************************/

/***************************************************************************/

.planBuilder {
  position: relative;
}
.planBuilder .header {
  background: var(--inline-color1);
  padding: 20px 30px;
  border-radius: 5px 5px 0 0;
}
.planBuilder .header h2 {
  margin: 0;
  color: #fff;
}
.planBuilder .main {
  background: rgba(0, 0, 0, 0.07);
  padding: 10px 30px;
}
.planBuilder .main .row {
  display: block;
  padding: 20px 0;
  border-bottom: rgba(0, 0, 0, 0.1) 2px solid;
  font-size: 0;
}
.planBuilder .main .row:nth-of-type(4) {
  border: 0;
}
.planBuilder .main .row .text {
  display: inline-block;
  vertical-align: middle;
  width: 33.333%;
}
.planBuilder .main .row p em {
  display: block;
  font-size: 14px;
  line-height: 22px;
}
.planBuilder .main .row .options {
  display: inline-block;
  vertical-align: middle;
  width: 66.666%;
}
.planBuilder .main .row .options ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.planBuilder .main .row .options ul li {
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: 14.66%;
  margin: 1%;
}
.planBuilder .main .row .options.half ul li {
  width: 48%;
}
.planBuilder .main .row .options ul li a {
  display: block;
  text-align: center;
  background: #fff;
  padding: 10px 0;
  border-radius: 5px;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.planBuilder .main .row .options ul li a.active {
  background: var(--inline-color1);
  color: #fff;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
@media only screen and (min-width:1000px) {
  .planBuilder .main .row .options ul li a:hover {
    background: var(--inline-color1);
    color: #fff;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}
.planBuilder .main .row .options .select-style {
  width: 48%;
  margin: 1%;
  background: var(--inline-color1);
}
.planBuilder .main .row .options .select-style:after {
  content: "\f078";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 18px;
  top: 50%;
  top: calc(50% - 9px);
}
.planBuilder .main .row .options .select-style select {
  font-size: 14px;
  color: #fff;
  padding: 10px 15px;
}
.planBuilder .overview {
  background: #fff;
  padding: 30px;
  margin-bottom: 20px;
}
.planBuilder .overview p {
  margin: 0 1%;
  border-bottom: rgba(0, 0, 0, 0.1) 2px solid;
  padding-bottom: 5px;
  font-size: 18px;
  line-height: 24px;
}
.planBuilder .overview .tableStyle {
  margin: 10px 0;
}
.planBuilder .overview .tableStyle span {
  font-size: 14px;
  line-height: 20px;
  display: block;
  font-style: italic;
}
.planBuilder .overview .tableStyle .tableRow .col-1-2:last-child span {
  text-align: right;
  font-style: normal;
}
.planBuilder .overview .terms {
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  position: relative;
  display: block;
  padding: 20px;
  background: rgba(0, 0, 0, 0.07);
  margin-top: 20px;
}
.planBuilder .overview .terms:after {
  content: "\f15c";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 22px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 20px;
  top: 50%;
  top: calc(50% - 11px);
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.planBuilder .overview .terms.maintenance:after{
  content: "\f0ad";	
}

.planBuilder .overview .terms.tax:after{
  content: "\f1ec";
}

.planBuilder .overview .terms.fuel:after{
  content: "\f52f";
}

.planBuilder .overview .terms.salary:after{
  content: "\f51e";	
}

@media only screen and (min-width:1000px) {
  .planBuilder .overview .terms:hover:after {
    color: rgba(0, 0, 0, 1);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}
.planBuilder .footer {
  background: var(--inline-color3);
  padding: 20px 10px;
  z-index: 100;
  position: relative;
  bottom: 0;
   -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
 
}

.planBuilder .footer.fixed{
  position: fixed;
   -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.planBuilder .footer.is-affixed {
  position: relative;
  width: 100%;
  height: auto !important;
}
.planBuilder .footer.is-affixed .inner-wrapper-sticky {
 
  position: relative !important;
  bottom: 0;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  -webkit-transform: none !important;
          -ms-transform: none !important;
      transform: none !important;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
.planBuilder .footer .col-1-2 {
  padding: 0 10px;
}
.planBuilder .footer .monthlyRental {
  font-size: 50px;
  line-height: 56px;
  color: #fff;
  margin-bottom: 10px;
}
.monthlyRental, .initial, .type, .length, .mileage {
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
.planBuilder .footer span {
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  color: #fff;
  display: block;
}

.planBuilder .footer span.error{
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-style: normal;
    text-align: center;
}

.planBuilder .footer .full{
	width: 98%;
}

.planBuilder .footer .full + .col-1-2{
	display: none;
}

.planBuilder .footer span span {
  font-style: normal;
  display: inline;
}
.planBuilder .footer .button {
  display: block;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}
.planBuilder .footer .button.callback {
  background: var(--inline-color1);
  border: 2px solid var(--inline-color1);
  color:#fff;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
@media only screen and (min-width: 1000px) {
  .planBuilder .footer .button.callback:hover {
    color: var(--inline-color1);
    background: #fff;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}
.planBuilder .footer .button:last-child {
  margin: 0;
}
.planBuilder .footer .button.order {
  font-size: 20px;
  line-height: 26px;
  background:#fff;
  color:var(--inline-color1);
  border:2px solid #fff;
}

@media only screen and (min-width: 1000px) {
  .planBuilder .footer .button.order:hover {
    color: #fff;
    background: var(--inline-color1);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}

.planBuilder .overview .tableStyle span.maintenanceMonthly{
  display: inline;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.planBuilder .overview .tableStyle span.maintenanceInitial{
  display: inline;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}


.planBuilder .tableRow.hidden{
	display: none !important;
} 

.planBuilder .footer.salarySac .monthlyRental{
    margin: 0;
}

.planBuilder .footer.salarySac .savingRow.underline{
	position: relative;
}

.planBuilder .footer.salarySac .savingRow.underline:after{
    content: "";
    display: block;
    background: #fff;
    height: 2px;
    opacity: 0.4;
    margin: 5px 0;
}

/***************************************************************************/

/***************************** ACCORDIAN STYLES *******************************/

/***************************************************************************/

.accordian .title {
  background: var(--inline-color1);
  padding: 15px;
  cursor: pointer;
  margin-top: 10px;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.accordian .title.active {
  background: var(--inline-color2);
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
@media only screen and (min-width:1000px) {
  .accordian .title:hover {
    background: var(--inline-color2);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}
.accordian:first-of-type .title {
  margin: 0;
}
.accordian .title p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
}
.accordian .content {
  background: #fff;
  padding: 30px;
  display: none;
  text-align: center;

}

.white .accordian .content{
  background: rgba(0,0,0,.07);
}
.accordian .content .header {}
.accordian .content .header p {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 20px;
  text-align: left;
}
.accordian .content .list {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.accordian .content .list:last-of-type {
  margin: 0;
}
.accordian .content .list li {
  padding: 0;
  list-style: none;
  background: rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.accordian .content .list li:after {
  content: "";
  display: table;
  clear: both;
}
.accordian .content .list li .text {
  position: absolute;
  left: 0;
  top: 0;
  right: 155px;
  bottom: 0;
  padding-left: 20px;
}
.accordian .content .list li .text p {
  font-size: 18px;
  line-height: 24px;
  position: absolute;
  left: 20px;
  right: 0;
  text-align: left;
  top: 50%;
  top: calc(50% - 13px);
}
.accordian .content .list li .priceBox {
  background: var(--inline-color1);
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  float: right;
  min-width: 155px;
}
.accordian .content .list li .priceBox p {
  font-size: 22px;
  line-height: 28px;
  color: #fff;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.accordian .content .list li .priceBox p em {
  font-size: 12px;
  color: #fff;
}
.accordian .content .list li .priceBox input {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.accordian .content .cols {
  -webkit-column-gap: 20px;
  /* Chrome, Safari, Opera */
  /* Firefox */
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 0;
  margin-bottom: 20px;
}
.accordian .content .cols:last-of-type {
  margin: 0;
}
.accordian .content .cols.twoCol {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  /* Firefox */
  -moz-column-count: 2;
       column-count: 2;
}
.accordian .content .cols.threeCol {
  -webkit-column-count: 3;
  /* Chrome, Safari, Opera */
  /* Firefox */
  -moz-column-count: 3;
       column-count: 3;
}
.accordian .content .cols li {
  list-style: none;
  display: block;
  background: rgba(0, 0, 0, 0.07);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.accordian .content .cols li p {
  text-align: left;
      font-size: 16px;
    line-height: 24px;
}
.accordian .content .summary {
  text-align: center;
}
.accordian .content .summary p {
  text-align: left;
}
.accordian .content .summary p.strapline {
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  margin: 0;
  text-align: center;
}
.accordian .content .summary p.strapline:before {
  content: "\f10d";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: #e22627;
  font-size: 30px;
  line-height: 1;
  margin-right: 10px;
}
.accordian .content .summary p.strapline:after {
  content: "\f10e";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: #e22627;
  font-size: 30px;
  line-height: 1;
  margin-left: 10px;
}
.accordian .content .summary .logo {
  max-width: 200px;
  margin: 0 auto 10px;
}
.accordian .content .rating {
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}
.accordian .content .rating li {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-right: 5px;
  list-style: none;
  vertical-align: top;
}
.accordian .content .rating li:last-child {
  margin: 0;
}
.accordian .content .rating li img {
  max-width: 25px;
}
.accordian .content .summary .points ul {
  padding-left: 20px;
}
.accordian .content .summary .points ul li {
  position: relative;
  list-style: none;
}
.accordian .content .summary .points ul li:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  position: absolute;
  left: -20px;
  top: 50%;
  top: calc(50% - 11px);
}
.accordian .content .summary .points.for ul li:before {
  content: "\f00c";
  color: #21a665;
}
.accordian .content .summary p.for {
  color: #21a665;
}
.accordian .content .summary .points.against ul li:before {
  content: "\f00d";
  color: #e22627;
}
.accordian .content .summary p.against {
  color: #e22627;
}
.accordian .content .tabs {}
.accordian .content .tabs ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.accordian .content .tabs ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0;
  background: #21a665;
  border-radius: 5px 5px 0 0;
  border-right: 2px solid #fff;
  opacity: 0.8;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  cursor: pointer;
  display: inline-block;
  vertical-align: bottom;
  width: 25%;
}
.accordian .content .tabs ul li:last-child {
  border: 0;
}
.accordian .content .tabs ul li a {
  padding: 7.5px 0;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}
.accordian .content .tabs ul li.active {
  opacity: 1;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.accordian .content .tabs ul li.active a {
  padding: 12.5px 0;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
@media only screen and (min-width:1000px) {
  .accordian .content .tabs ul li:hover {
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }
  .accordian .content .tabs ul li:hover a {
    padding: 12.5px 0;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }
}
.accordian .content .tabBody {
  padding: 30px;
  background: rgba(0, 0, 0, 0.07);
  border-radius: 0 0 5px 5px;
  display: none;
}
.accordian .content .tabBody.active {
  display: block;
}
.accordian .content .tabBody .feature-header {
  background: #21a665;
  border-radius: 5px 5px 0 0;
  padding: 10px 20px;
  font-size: 0;
  margin-top: 20px;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.accordian .content .tabBody .feature-header.active {
  opacity: 0.8;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
@media only screen and (min-width: 1000px) {
  .accordian .content .tabBody .feature-header:hover {
    opacity: 0.8;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }
}
.accordian .content .tabBody .feature-header:first-of-type {
  margin: 0;
}
.accordian .content .tabBody .feature-header p {
  text-align: left;
  color: #fff;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.accordian .content .tabBody .feature-content {
  padding: 20px;
  background: #fff;
  border-radius: 0 0 5px 5px;
  display: none;
}
.accordian .content .tabBody .feature-content:last-of-type {
  margin: 0;
}
.accordian .content .tabBody .feature-header .right {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: right;
}
.accordian .content .tabBody .feature-header .rating {
  text-align: right;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}
.accordian .content .tabBody .feature-content p {
  text-align: left;
}

.disclaimer{
  display: block;
  background: #21a665;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 15px;
  font-size: 0;
}

.disclaimer i{
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  background: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
}

.disclaimer p{
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width:90%;
  width: calc(100% - 40px);
  text-align: left;
}

/***************************************************************************/

/*************************** REASON STYLES *********************************/

/***************************************************************************/

.reason {}
.reasonHolder {
  margin: 0 -1%;
}
.reasonHolder .reason {
  padding: 15px 35px;
}
.reason .icon {
  display: inline-block;
  vertical-align: middle;
}
.reasonHolder .reason .icon {
  margin-right: 10px;
}
.reason .text {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  line-height: 1;
}
.reasonHolder .reason p {
  font-size: 18px;
  line-height: 24px;
}
.reason .text p {
  margin: 0;
}
.reason .text span {
  font-size: 12px;
  line-height: 18px;
}

/***************************************************************************/

/************************** ACCOUNT BOX STYLES *****************************/

/***************************************************************************/


.accountBoxList{
	font-size: 0;
    padding: 0;
    margin: 0;
    text-align: center;
}

.accountBoxList li{
	list-style: none;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    width: 23%;
}

.accountBoxList .accountBox{
	display: block;
    padding: 0px;
    border-radius: 20px;
        background: var(--inline-color2);
    text-align: center;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

.accountBoxList .accountBox .icon{
	    height: 100px;
    width: 100px;
    border-radius: 100%;
    background: rgba(255,255,255,0.2);
    text-align: center;
    line-height: 70px;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
}

.accountBoxList .accountBox .icon i{
	color:var(--inline-color-font);
	line-height: 100px;
	    font-size: 50px;
}

.accountBoxList .accountBox .text{
	display: block;
	padding:10px;
	background: rgba(255,255,255,0.2);
}

.accountBoxList .accountBox .text p{
	color:var(--inline-color-font);
	    text-align: center;
}

@media only screen and (min-width:1000px){
	.accountBoxList .accountBox:hover{
		-webkit-transform:translateY(-20px);
		        -ms-transform:translateY(-20px);
		    transform:translateY(-20px);
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}
}

/***************************************************************************/

/************************* ACCOUNT FORM STYLES *****************************/

/***************************************************************************/

.accountForm{
    max-width: 650px;
    margin: 0 auto;
}

.successBox{
background: #77dd77;
    padding: 20px;
    margin: 0 0 20px;
    border-radius: 10px;
}

.successBox p{
	    text-align: center;
}

.errorBox{
background: #ff6961;
    padding: 20px;
    margin: 0 0 20px;
    border-radius: 10px;
}

.errorBox p{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}



/***************************************************************************/

/***************************** FANCYBOX STYLES *****************************/

/***************************************************************************/

.fancybox-show-infobar .fancybox-infobar,.fancybox-button--play{
	display: none !important;
}

.termsIframe header, .termsIframe .promoBanner, .termsIframe footer, .termsIframe .fullwidthSplit{
	display: none !important;
}

.termsIframe .section{
	background: #fff;
}

/***********************************************/

/*********** IMAGE BULLET STYLES ***************/

/***********************************************/

.imageBullets{
  vertical-align: top;
  margin-left: 0;
  padding: 0;
}

.imageBullets li{
  display: block;
  padding: 0;
  list-style: none;
  font-size: 0;
  margin-bottom: 10px;
}

.imageBullets li .image{
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 10px;

}

.imageBullets li p{
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    width: calc(100% - 50px);
}

/***************************************************************************/

/**************************** TAX WIDGET STYLES ****************************/

/***************************************************************************/

.iframeWindow .taxHolder{
  padding: 0;
}

.iframeWindow .taxHolder .innerWrapper{
  max-width: 100%;
  padding:0 !important;
}

.iframeWindow .taxHolder:after{
  display: none;
}

.taxWidget{
  display: block;
  position: relative;
  overflow: hidden;
      padding-bottom: 100px;
}

.taxWidget:after{
    content: "";
    background-image: url(/assets/css/images/elements/tax-wheel.png);
    height: 500px;
    width: 500px;
    background-size: contain;
    background-position: 50% 50%;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    right: -150px;
    bottom: -150px;
    z-index: 0;
    opacity: .05;
}

.taxWidget .widgetHeader{
  padding: 20px;
  position: relative;
  z-index: 2;
}

.taxWidget .widgetHeader h3,.taxWidget .widgetHeader p{
	color:var(--inline-color-font);
}


.taxWidget .widgetInputs{
    background: #b03974;
    padding: 20px 40px;
}

.taxWidget .widgetInputs label{
      
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 5px;
  display: block;
  font-weight: 700;
}

.taxWidget .widgetInputs input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding-left: 10px;
    text-transform: none;
    color: #000;
}

.taxWidget .widgetInputs .select-style{
border-radius: 5px;
}

.taxWidget .widgetInputs .select-style:after{
color: #000;
    top: 50%;
    top: calc(50% - 14px);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
}

.taxWidget .widgetInputs .select-style select{
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
        
}

.taxWidget .widgetMain{
 padding: 50px 40px;
position: relative;
  z-index: 2;
}




.widgetTable{
  margin:0 -0.5%;

}

.widgetTable .tableHeader{
    font-size: 0;
    display: block;
    margin-bottom: 1%;
}

.widgetTable .tableCol{
  display: inline-block;
  vertical-align: middle;
  width: 19%;
  margin: 0 0.5%;
    padding: 10px;
    position: relative;
    background: #fff;
    overflow: hidden;
    
}

.widgetTable .tableCol:after{
  content: "";
    background: rgba(166,33,99,.05);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.widgetTable .tableCol.tableTwoCol{
    width: 39%;
}

.widgetTable .tableCol p{
  text-align: center;
      position: relative;
    z-index: 2;
}

.widgetTable .tableHeader .tableCol{
  
  border-radius: 5px;
}

.widgetTable .tableHeader .tableCol:after{
  background: rgba(0,0,0,0.1);
}

.widgetTable .tableHeader .tableCol p{
  font-weight: 700;
}

.widgetTable .rateContainer .table-col{
  color: blue;
}

.widgetTable .rateContainer .tableRow{
  display: block;
  margin-bottom: 1%;
}

.widgetTable .rateContainer .tableRow:last-child{
  margin:0;
}

.widgetTable .rateContainer .tableRow:nth-child(2n) .tableCol:after{
  background:rgba(166,33,99,0.02);
}

.widgetTerms{
  padding: 0 40px;
  position: relative;
  z-index: 2;
}

.widgetTerms p{
  font-size: 14px;
  line-height: 22px;
}

.rateContainer{
  display: none;
}

.widgetMain .tax{
  font-weight: inherit;
}

.widgetMain .mobileHeader{
  display: none;
}

.finder{
  display: none;
}

.finder label{
  margin-bottom: 5px;
  display: block;
  font-weight: 700;
  color:var(--inline-color-font);
}

.finder .select-style{
  border-radius: 5px;
}

.finder .select-style:after{
  color: #000;
    top: 50%;
    top: calc(50% - 14px);
}

.finder .select-style select{
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #000;
}

.finder .button{
    padding: 0;
    height: 40px;
    line-height: 36px;
    text-align: center;
    margin-top: 33px;
    border:2px solid #fff;
}

/***************************************************************************/

/**************************** FUEL TAX STYLES ****************************/

/***************************************************************************/

.resultsBox{
    background: #464646;
    border-radius: 5px;
    padding: 25px;
    display: block;
    width: 50%;
}

.resultsBox *{
  color:#fff;
}

.resultsBox .fuelResults{
    padding: 0;
    margin: 40px 0 0;
}

.resultsBox .fuelResults li{
    list-style: none;
    margin: 0;
    padding: 0;
}

.resultsBox .fuelResults li .holder{
  position: relative;
  padding: 10px 0;
}

.resultsBox .fuelResults li .holder:before{
  content: "";
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.8) 20px, rgba(255,255,255,0) 0%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 20px, rgba(255,255,255,0) 0%);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 30px 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    opacity: 0.6;
}

.resultsBox .fuelResults li .holder:after{
  content: "";
  display: table;
  clear: both;
}

.resultsBox .fuelResults li .holder p{
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    float: left;
}

.resultsBox .fuelResults li .holder span{
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    float: right;
}

.taxWidget.fuel{
  display: block;
  position: relative;
  overflow: hidden;
      padding-bottom: 0px;
}

.taxWidget.fuel:after{
    content: "";
    background-image: url(/assets/images/elements/fuel-pump.png);
    height: 500px;
    width: 500px;
    background-size: contain;
    background-position: 50% 50%;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    right: -150px;
    bottom: -150px;
    z-index: 0;
    opacity: .05;
}

/***************************************************************************/

/**************************** CAR BUILDER STYLES ****************************/

/***************************************************************************/

.carBuilder{
    position: relative;
    padding-top: 60px;
    margin-top: 60px;
    display: block;
}

.headerSearch .carBuilder{
    margin: 0;
    padding: 40px 0;
}

.carBuilder .bg{
	background: #e2e2e2;
	background: var(--inline-color3);
	position: absolute;
    top: 0;
    bottom: 25%;
    width: 100vw;
    left: 50%;
    left: calc(50% - 50vw);
    z-index: 1;
}

.headerSearch .carBuilder .bg{
	bottom: 0;
}

.carBuilder .builderHeader{
	position: relative;
	z-index: 3;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    background: var(--inline-color1);
    padding: 10px 20px 0px;
    border-radius: 10px 10px 0 0;

}

.carBuilder .builderHeader h3{
	color: #000;
	color: var(--inline-color-font);
}

.carBuilder .builderBody{
	position: relative;
	z-index: 3;
	font-size: 0;
    background: #fff;
    background: var(--inline-color1);
    padding: 0px 10px 10px;
    border-radius: 0 10px 10px 10px;
}

.carBuilder .builderBody .col-1-4{
	vertical-align: bottom;
}

.carBuilder .builderRow{
	display: block;
}


.carBuilder .builderRow label{
	display: block;
    color: var(--inline-color-font);
    margin-bottom: 10px;
}

.carBuilder .builderRow .select-style{
    border-radius: 0;
}

.carBuilder .builderRow .select-style:after {
    color: #000;
    right: 10px;
    position: absolute;
    top: 50%;
    top: calc(50% - 14px);
}

.carBuilder .builderRow .select-style select{
    padding: 0;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
}

.carBuilder .builderRow .selection{
	    background: #fff;
    width: 120px;
    margin: 20px auto 0;
    position: relative;
    border-radius: 15px;
    padding: 15px;
    border: 2px solid var(--inline-color1);
    display: none;
}

.carBuilder .builderRow .selection .icon{
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

.carBuilder .select{
	display: block;
    text-align: center;
    height: 50px;
    line-height: 46px;
    padding: 0 20px;
    background: #529bec;
    border: 2px solid #529bec;
    border-radius: 10px;
    color: #fff;
    background: var(--inline-color3);
    border: 2px solid var(--inline-color3);
    color: var(--inline-color-font);
    position: relative;
    opacity: 0.2;
    cursor: default;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

.carBuilder .select.active{
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

@media only screen and (min-width: 1000px){
	.carBuilder .select:hover{
		background: #fff;
		color: #529bec;
		background: var(--inline-color-font);
		color: var(--inline-color3);
		-webkit-transition: all ease 0.6s;
		-o-transition: all ease 0.6s;
		transition: all ease 0.6s;
	}
}

/************** MOBILE STYLES ***************/

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

	.wrapper {
		padding: 0 20px;
	}

	header p,header ul{
		right:20px;
	}
}

@media only screen and (max-width:1400px) {
  .keyInformation .featureBox, .keyInformation .featureBox:last-child {
    width: 48%;
    margin: 1%;
  }
  .reasonHolder .reason {
    padding: 15px;
  }
  .reasonHolder .reason .icon {
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .reasonHolder .reason .icon img {
    margin: 0 auto;
  }
  .reasonHolder .reason .text {
    display: block;
  }
  .reasonHolder .reason .text p, .reasonHolder .reason .text span {
    text-align: center;
    display: block;
  }
}



@media only screen and (max-width: 1250px) {
	.searchSection .searchBar .searchButton span{
		font-size: 22px;
    	line-height: 30px;
    	padding-left: 30px;
	}

	.searchSection .searchBar .searchButton span:after{
		display:none;
	}
}


@media only screen and (max-width: 1200px) {
	.innerWrapper {
		padding: 0 20px;
	}

	.accordian .col-3-4 {
	    width: 98%;
	  }
}

@media only screen and (max-width: 1100px) {
  
  .reason .icon {
    display: block;
    margin-bottom: 10px;
  }
  .reason .icon img {
    margin: 0 auto;
  }
  .reason .text {
    display: block;
  }
  .reason .text p, .reason .text span {
    text-align: center;
    display: block;
  }
  .table thead {
    display: none;
  }
  .table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .table tr {
    width: 50%;
    border: 0;
    border-top: solid 2px #d8d8d8;
  }
  .table th {
    display: block;
    width: 100%;
  }
  .table td {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    border: 0;
    text-align: center;
  }
  .table td::before {
    content: attr(data-th);
    display: block;
    font-weight: bold;
    text-align: center;
  }
  .table td.view::before {
    display: none;
  }
  .table td:first-child {
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-width: 100vw;
    max-width: calc(100vw - 40px);
    text-align: left;
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
  }

  .table tr:nth-child(even) td:first-child,.table tr td:first-child {
    border-left: 5px solid #595959;
}

  .table td:first-child a {
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-width: 100%;
    max-width: calc(100% - 100px);
    text-align: left;
    display: block;
  }
  .table td:first-child::after {
    content: attr(data-from);
    position: absolute;
    right: 16px;
    top: 50%;
    top: calc(50% - 11px);
  }
  .table td:first-child::before {
    display: none;
  }
  .table tr {
    width: 100%;
    max-height: 54px;
    overflow: hidden;
    -webkit-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
    font-size: 0;
    text-align: center;
  }
  .table tr.active {
    max-height: 1000px;
    background: rgba(0, 0, 0, 0.05);
    -webkit-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
  }
  .table td.view {
    width: 100%;
  }
  .table .button {
    width: 100%;
    text-align: center;
  }

  .table td.top a:before{
    color:#fff;
  }

  .searchSection .searchBar p {
    max-width: 100%;
  }

}

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


  .fullwidthSplit .halfWidth:before {
    padding-bottom: 80%;
  }

  .carousel {
    padding: 0 40px;
  }
  .leasingForm label {
    width: 85%;
  }
  .dealCol {
    width: 98%;
  }
  .planBuilder .footer {
    left: 0;
    right: 0;
    width: 100% !important;
    position: fixed !important;
  }
  .accordian .content .tabs ul li {
    width: 50%;
    border-radius: 0;
    border-top: 2px solid #fff;
  }
  .accordian .content .tabs ul li:nth-child(2n) {
    border-right: 0;
  }
  .accordian .content .tabs ul li a {
    padding: 12.5px 0;
  }
  .accordian .content .summary .logo {
    max-width: 100%;
  }


  
}
@media only screen and (max-width:950px) {
  .item {
    width: 48%;
    margin-bottom: 20px;
  }
  .slick-slide.item {
    width: 98%;
  }
  .financeForm .formBackground {
    width: 100%;
    margin-bottom: 1em
  }
  .financeForm .formBackground:nth-of-type(2n) {
    margin: 0
  }
  .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    width: 80% !important;
  }

  header p,header ul{
  	display: none;
  }

  header .logo{
  	max-width: 100px;
  }

  #mobile-header{
  	display:block;
  }

  .iconCol{
    width: 40%;
  }

  .contentCol{
  	    width: 70%;
    margin: 30px 0;
  }

  .allowanceCalculator{
  	width: 90%;
  }

}
@media only screen and (max-width: 900px) {
  .col-2-5, .col-1-5, .col-1-6, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-3-5, .col-4-5, .col-1-7 {
    width: 98%;
    margin: 1%;
    margin-bottom: 20px;
  }

  .searchSection {
    background: rgba(0, 0, 0, 0.07);
   
  }

  .headerSearch .searchSection{
    padding:0;
  }

  .searchSection.inPage {
    padding: 0;
    background: transparent;
  }
  .searchSection.inPage .mobile {
    display: none;
  }
  .searchSection:after {
    display: none;
  }
  .searchSection .searchBar {
    margin: 0;
    padding: 30px;
  }
  .searchSection.inPage.fixed .searchBar {
    padding: 20px;
  }
  .searchSection .searchBar p {
    font-size: 28px;
    line-height: 34px;
    padding-left: 0px;
    text-align: center;
    cursor: pointer;
    font-size:0;
        line-height: 1;
    max-width: 100%;

  }

  .searchSection .searchBar p span{
    font-size: 28px;
    line-height: 34px;
    padding-left: 0px;
    text-align: center;
    cursor: pointer;
  }

  .searchSection .searchBar .searchButton span{
  	text-align: center;
  }

  .searchSection.inPage .searchBar p {
    text-align: left;
    position: relative;
    cursor: pointer;
        font-size: 22px;
    line-height: 28px;
  }
  .searchSection .searchBar p:after {
     font-size: 28px;
    line-height: 34px;
    content:"\f002";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: inherit;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    margin-left: 15px;
  }
  .searchSection.inPage .col-1-4 {
    margin: 1%;
  }
  .searchSection.inPage .searchBar p:after {
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: inherit;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    right: 0;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
  }
  .searchSection.inPage .searchBar p.toggle:after {
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari 3-8 */
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
  }
  .searchSection .col-1-6 {
    width: 48%;
  }
  .searchSection .col-1-6:first-of-type {
    width: 98%;
    margin:1%;
  }
  .searchSection .col-1-6:last-child {
    width: 100%;
    margin: 0;
  }
  .searchSection .searchBar .searchButton {
    width: 100%;
    margin: 20px 0 0;
  }
  .searchSection .searchBar .searchButton:before {
    top: 0;
    bottom: -100px;
    left: -100px;
  }
  .searchSection .searchBar .searchButton input {}
  .searchSection .searchBar .searchButton span {
    font-size: 24px;
    line-height: 30px;
    padding: 0;
    text-align: left;
    position: relative;
    padding-top: 20px;
    display: block;
  }
  .searchSection .searchBar .searchButton span:before {
    position: absolute;
    font-size: 30px;
    line-height: 30px;
    right: 0;
  }

  .searchSection .searchBar .searchButton input{
    top: 0;
    height: 80px;
    bottom: -100px;
    left: -100px;
    width: 200%;
  }

  .searchSection .searchBar .mobileToggle{
    display: inline-block;
    display: none;
  }

  .priceOptions .blue:before{
    top: -10px;
    bottom: -10px;
    right: -300px;
  }

  .priceOptions .col-3-4{
    padding-top:10px;
  }

  .searchSection.inPage .vertical{
    margin:1%;
  }

  .reason {
    width: 48%;
  }

  .steps .col-1-4 {
    padding: 10px 0;
  }
  .steps .step:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    bottom: -57px;
    top: auto;
    left: 50%;
    left: calc(50% - 30px);
    right: auto;
  }
 
  .fullwidthSplit .halfWidth {
    width: 100%;
  }
  .accordian .content .summary .col-1-4 p, .accordian .content .summary .col-1-4 {
    text-align: center;
  }
  .accordian .content .summary .points {
    display: inline-block;
    max-width: 200px;
  }
  .accordian .content .summary .points li:before {
    top: 0;
  }
  .accordian .content .summary .points p {
    text-align: left;
  }
  .planBuilder .footer p, .planBuilder .footer span {
    text-align: center;
  }
  .planBuilder .footer .col-1-2 {
    font-size: 0;
    width: 48%;
    margin:1%;
  }
  .planBuilder .overview .tableStyle .col-1-2 {
    width: 48%;
  }
  .accordian .content .summary p.strapline {
    font-size: 16px;
    line-height: 20px;
  }
  .accordian .content .summary .col-1-4 {
    width: 31.3333%;
    padding: 10px 0;
  }
  .headerSearch .searchSection .wrapper {
    padding: 0;
  }


  .searchSection.homepage{
    padding:20px 0;
   
  }

  .searchSection.homepage:after,.headerSearch .searchSection:after{
        content: "";
    display:none;
  }

  .bannerSearchStrip{
  	padding-top:60px;
  	margin:0;
  	background: #f6f6f6;
  }

  .bannerSearchStrip:after{
  	display:none;
  }

  .accountBoxList li{
  	width: 48%;
  	margin-bottom: 20px;
  }

  .accountBoxList li:last-child{
  	margin-bottom: 1%;
  }

  .planBuilder .footer .full{
  	width: 98%;
  }

  .planBuilder .footer span.error {
    font-size: 18px;
    line-height: 26px;

   }
}
@media only screen and (max-width:800px) {

  .carousel {
    padding: 0;
    margin: 0 -20px 20px;
  }
  .carouselWrapper .button {
    width: 100%;
    display: block;
    padding: 10px 0;
    text-align: center;
  }
  .item.slick-slide {
    opacity: 0.5;
    -webkit-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
        transform: scaleY(0.9);
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
  }
  .item.slick-slide.slick-active {
    opacity: 1;
    -webkit-transform: none;
            -ms-transform: none;
        transform: none;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
  }
  .fullwidthSplit .halfWidth:before {
    padding-bottom: 100%;
  }
  .fullwidthSplit .halfWidth .centerHolder {
    padding: 0 50px;
    right: 0;
    left: 0;
  }
  .item {
    width: 98%;
  }
  .accordian .content .list li .text p {
    left: auto;
    right: auto;
    top: auto;
    padding: 10px 0;
    position: relative;
  }
  .accordian .content .list li .text {
    position: relative;
    right: auto;
  }
  .accordian .content .list li .priceBox {
    float: none;
    display: block;
  }
  .accordian .content .cols.threeCol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
  }

  .financeForm .formBackground.postcodeSearch {
    width: 100%
  }
  .financeForm .vehicleHolder .carousel-items .more-info .col-1-3 {
    width: 31.333%
  }

  .searchSection .searchBar .select-style select{
    font-size: 16px;
  }

  .planBuilder .footer.salarySac .col-1-2{
  	width: 98%;
  }

}
@media only screen and (max-width:700px) {
  .accordian .content .summary .col-1-4 {
    width: 98%;
  }

    .resultsBox{
    width: 100%;
    background: rgba(70, 70, 70,0.6);
  }

  .taxWidget.fuel:after{
    opacity: 0.2;
  }

}
@media only screen and (max-width:650px) {
  .financeForm .result p.addressPostcode {
    display: none
  }

  .financeForm .resultSummary {
    float: left;
    width: 100%
  }
  
}
@media only screen and (max-width:600px) {
  .accordian .content .tabs ul li {
    width: 100%;
    border-right: 0;
  }
  .accordian .content .tabs ul li:last-child {
    border-top: 2px solid #fff;
  }
  .financeForm .content .wrapper, .stickem-container {
    padding: 0 10px
  }
  .financeForm .content {
    width: 100%;
    margin: 0
  }
  .financeForm .formBackground.select {
    height: auto
  }
  .financeForm .formBackground.select label {
    float: left;
    width: 100%;
    line-height: 24px
  }
  .financeForm .formBackground .floatRight {
    float: left;
    top: auto;
    width: 100%;
    margin-top: 10px;
    text-align: center
  }
  .financeForm .button, .financeForm .button.add {
    width: 100%
  }
  .financeForm .formBackground .select-style {
    width: 100%;
    margin-bottom: 10px
  }
  .financeForm .formBackground .floatRight input {
    width: 100%
  }
  .financeForm .result p, .financeForm .result p.ellipsis {
    display: block;
    border: 0;
    width: auto
  }
  .financeForm .result p.ellipsis:after {
    content: "";
    display: block;
    height: 2px;
    width: 60%;
    margin: 5px 20%;
    background: rgba(0, 0, 0, .3)
  }
  .financeForm .result a.remove:before {
    top: 50%;
    top: calc(50% - 21px);
    right: 5px
  }
  .financeForm .content h4:after {
    width: 80%
  }
  .financeForm .content h1:after {
    width: 80%;
    left: 10%
  }
  .financeForm .carousel-items {
    width: 250px!important
  }
  .financeForm .vehicleHolder {
    right: -262px
  }

  .iconCol{
  	width: 80%;
  }

  .contentCol{
  	width: 100%;
  	width: calc(100% - 80px);
  }

  footer ul{
  	margin:0;
  }

  footer ul li{
  	display: block;
  }

  footer ul li a:after{
  	display:none;
  }

  footer .logo{
  	    max-width: 200px;
    margin-top: 10px;
  }

}
@media only screen and (max-width:550px) {

  .item .price .detail p {
    font-size: 16px;
    line-height: 22px;
  }
  .item .contractBar ul li p {
    font-size: 12px;
    line-height: 18px;
  }
  .item .price .detail p span {
    font-size: 10px;
    display: block;
    line-height: 16px;
  }
  .item .contractBar ul li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 2.5px 0;
  }
  .accordian .content .cols.threeCol {
    -webkit-column-count: 1;
    -moz-column-count: 1;
         column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .planBuilder .footer .monthlyRental {
    font-size: 30px;
    line-height: 36px;
  }
  .planBuilder .footer .button, .planBuilder .footer .button.order {
    font-size: 14px;
    line-height: 20px;
  }

  .planBuilder .footer .button{
    margin-bottom: 10px;
  }

  .planBuilder .main .row .text {
    width: 100%;
    margin-bottom: 10px;
  }
  .planBuilder .main .row .options {
    width: 100%;
  }
  .planBuilder .overview .tableStyle .col-1-2 {
    width: 98%;
    margin-bottom: 5px;
  }
  .planBuilder .overview .tableStyle .tableRow .col-1-2:last-child span {
    text-align: left;
  }
  .accordian .content .tabBody .feature-header .right .rating li {
    width: 20%;
    width: calc(20% - 5px);
  }
  .accordian .content .tabBody .feature-header .right .rating li img {
    max-width: 100%;
  }
  .accordian .content .tabBody .feature-header p {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .accordian .content {
    padding: 10px;
  }
  .accordian .content .tabBody .feature-content {
    padding: 10px;
  }
  .accordian .content .tabBody .feature-header .right {
    width: 100%;
    text-align: center;
  }

  .navBar a.back.button {
    display: none;
  }

  .largeCarousel .infoBar .flag p{
    font-size:0;
  }

  .largeCarousel .infoBar .flag p:before{
        font-size: 22px;
        margin: 0;
  }


  .textinheader .promoSlider .textHolder.offerBanner p,.textinheader .promoSlider .textHolder.offerBanner h1{
        line-height: 44px;
    font-size: 26px;
  }

	.loginPage{
		padding:20px;
	}

	.loginHolder .loginSection{
		padding:40px;
		min-width: 100%;
	}

	.formStyle .emailHolder .emailBlock.pre{
    	border-radius: 10px 10px 0 0;
	}

	.formStyle .emailHolder .emailBlock.post{
		border-radius: 0 0 10px 10px;
	}

	.formStyle .emailHolder .emailBlock{
		display: block;
    	width: 100%;
	}

	.formStyle .emailHolder .emailBlock input{
		border-radius: 10px 10px 0 0;
	}

	.formStyle .emailHolder .emailBlock .select-style select{
    	padding: 0 10px;
	}

	.loginHolder{
		width: 95%;
		width: calc(100% - 20px);
	}

	 .accountBoxList li{
	  	width: 98%;

	  }

	.formStyle .tooltip .text{
		width: 90vw;
    	width: calc(100vw - 40px);
	}
}

@media only screen and (max-width:450px) {
  .searchSection .col-1-6 {
    width: 98%;
  }
  .mobileSlider.flexslider .col-1-2 {
    width: 98%;
  }
  .sidr .header .tel a {
    font-size: 24px;
    line-height: 30px;
  }
  .searchSection.inPage .searchBar p {
    font-size: 20px;
    line-height: 26px;
    padding-right: 30px;
  }
  .searchSection.inPage .searchBar {
    padding: 20px;
  }
  .planBuilder .footer span {
    font-size: 12px;
    line-height: 18px;
  }
  .planBuilder .footer .col-1-2:first-child {
    padding: 0;
  }
  .planBuilder .overview .terms:after {
    display: none;
  }
  .planBuilder .overview .terms {
    text-align: center;
  }
  .keyInformation .featureBox, .keyInformation .featureBox:last-child {
    width: 98%;
  }
  .planBuilder .main .row .options .select-style {
    width: 98%;
  }
  .reasonHolder .reason {
    width: 98%;
    text-align: center;
  }
  .reasonHolder .reason .icon {
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .reasonHolder .reason .text {
    display: inline-block;
    vertical-align: middle;
  }
  .financeForm .formBackground.postcodeSearch:after {
    display: none
  }
  .financeForm .formBackground.postcodeSearch input {
    width: 90%;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    font-size: 18px
  }
 

  .planBuilder .footer{
    padding:15px 10px;
  } 

  .contentCol .arrow{
  	display:none;
  }

  .contentCol{
  	width: 100%;
  }

}

@media only screen and (max-width:400px) {
  .table td {
    width: 100%;
  }

}

.notice{
	padding: 15px 0;
	background: #ececec;
	background: var(--inline-color2);
}

.notice p:empty{
	display: none;
}

.notice p{
	color: #000;
	color: var(--inline-color-font);
	text-align: center;
}

.admin_text{
	margin-bottom: 20px;
}

.admin_text p{
	font-size: 14px;
	line-height: 22px;
}