/* Table of Content
==================================================
	#Site Styles
	#Media Queries

/* #Site Styles
================================================== */

/* Wraps
-------------------------------------------------- */

	#headerWrap, #searchWrap, #contentWrap, #summaryWrap, #sliderWrap, #featureWrap, #secondaryWrap, #footerWrap, .wrap {
		width: 100%;
		position: relative;
	}
	
	#headerWrap {
		z-index: 201;
		transition: all 0.2s ease-out;
		padding: 24px 0;
		box-sizing: border-box;
		background: var(--colDark);
	}
		#headerWrap .container {
			z-index: 2;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-left: 10px;
			padding-right: 10px;
			box-sizing: border-box
		}
	#summaryWrap {
		background: var(--colDark);
		padding: 8px 0 2px;
		box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.14);
		z-index: 1;
	}
		
	#breadcrumbWrap {
		z-index: 99;
	}
	
	#breadcrumbWrap .twelve.columns  {
		padding: 18px 0 16px;
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
	}
	
	#sliderWrap {
		background: #eeeded;
		padding: 0;
		border-bottom: 1px solid #d8d9dc;
		z-index: 100;
	}
	.wrap.bgWhite {
		background: #fff;
	}
	.wrap.bgGreen {
		background: var(--colGreen);
	}
	.wrap.bgPaleGrey {
		background: var(--colPale);
	}
	.wrap.bgMidGrey {
		background: var(--colMid);
	}
		.wrap.bgWhite:has(+ .wrap.bgWhite),
		.wrap.bgPaleGrey:has(+ .wrap.bgPaleGrey),
		.wrap.bgMidGrey:has(+ .wrap.bgMidGrey),
		.wrap.bgGreen:has(+ .wrap.bgGreen) {
			padding-bottom: 0 !important;
		}
		.wrap.bgGreen .container .columns > h2,
		.wrap.bgGreen .container .columns > h3,
		.wrap.bgGreen .container .columns > h4,
		.wrap.bgGreen .container .columns > p,
		.wrap.bgGreen .container .columns > li {
			color: #fff;
		}
		.wrap.bgGreen ul.ticklist li::before {
			background: url('/images/icons/tick-wh.svg') 0 0 no-repeat;
			background-size: 30px 30px
		}
	#contentWrap {
		position: relative;
		background: #fff;
		padding: 60px 0 100px;
		z-index: 199;
		overflow: hidden
	}
		#contentWrap.home {
			padding: 60px 0 40px;
		}
        #contentWrap.loginImage {
            background: #fff url("/images/bg-login.jpg") center top no-repeat;
            background-size: cover;
        }
	
	#mapWrap {
		background: #fff;
		padding-bottom: 20px
	}

	#videoWrap {
		position: relative;
		padding: 30px 0 180px;
		height: auto;
		z-index: 100;
		overflow: hidden;
		background: #fff;
	}

		/*#videoWrap.white {
			padding: 30px 0;
			background: #fff;
			background: linear-gradient(180deg, rgba(122,192,159,1) 0%, rgba(248,251,250,1) 73%, rgba(255,255,255,1) 100%);
		}*/

		#videoWrap .container {
			position: relative;
			z-index: 3;
			height: 100%;
		}

		/*#videoWrap .overlay {
			background: url("/images/bg-diamonds.svg") center no-repeat;
			background-size: cover;
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: 1;
			top: 0;
		}*/

		#videoWrap .logoHolder {
			margin-top: 30px;
			margin-bottom: 10px;
			text-align: center;
			transition: all 0.2s ease-out;
		}

		#videoWrap .strapHolder h1 {
			font-size: 2.5rem;
			line-height: 1.25;
			text-align: center;
			margin: 20px 0 30px;
		}

	/* standard marketing panel */

	#marketingWrap {
		background-color: #000;
		padding: 0;
	}
		#marketingWrap section {
			position: relative;
			height: 100%;
			min-height: 650px;
			padding: 60px 0 120px;
			box-sizing: border-box;
		}
		#marketingWrap section.alignCenter {
			display: flex;
			align-items: center;
			padding: 40px 0 40px;
		}
	#marketingWrap .imageBg {
		position: absolute;
		right: 0;
		top: 0;
		width: 53%;
		height: 100%;
		-webkit-clip-path: polygon(32.5% 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(32.5% 0, 100% 0, 100% 100%, 0 100%);
		z-index: 2;
	}
		#marketingWrap .imageBg.wide {
			width: 60%;
			-webkit-clip-path: none;
			clip-path: none;
		}
		#marketingWrap .imageBg img {
			position: absolute;
			height: 100%;
			width: 100%;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			object-fit: cover;
			color: transparent;
		}
		#marketingWrap .imageBg .vBg {
			position: absolute;
			height: 100%;
			width: 100%;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			background-size: cover;
		}
		#marketingWrap .gradientOverlay {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-repeat: no-repeat;
			background-size: cover;
			background-color: #0f897a;
			background-image: linear-gradient(167deg, #0f897a 0%, #14a98b 80%);
			width: 100%;
			height: 100%;
		}

	#marketingWrap .infoHolder {
		margin: 0 60px;
		width: 40%;
	}
		#marketingWrap .container {
			position: absolute;
			z-index: 3;
			left: 0;
			top: -45px;
			right: 0;
			bottom: 0;
			display: flex;
			align-items: center;
		}
		#marketingWrap figure {
			width: 150px;
			margin: 0 0 30px;
		}

			#marketingWrap figure img {
				object-fit: contain;
				width: auto;
			}
		#marketingWrap h1,
		#marketingWrap h2,
		#marketingWrap h3,
		#marketingWrap p,
		#marketingWrap li {
			color: #fff
		}
		#marketingWrap h1 {
			font-size: 2.5em;
			font-weight: 600;
			line-height: 1.2;
			border: none;
			padding: 0;
			text-wrap: pretty;
		}
		#marketingWrap p {
			font-size: 1.125em;
		}
		#marketingWrap .invert p {
			color: var(--colDark);
		}
		#marketingWrap a.button {
			border-radius: 5px;
			margin-top: 10px;
		}
		/* reversed layout */
		#marketingWrap.reverse .imageBg {
			left: 0;
			right: auto;
			top: 0;
			-webkit-clip-path: polygon(0 0, 100% 0, 67.5% 100%, 0 100%);
			clip-path: polygon(0 0, 100% 0, 67.5% 100%, 0 100%);
			z-index: 2;
		}
		#marketingWrap.reverse .infoHolder {
			margin: 0 0 0 calc(60% - 60px);
			width: 40%;
		}


	/* feature */

	#featureWrap {
		position: relative;
		/*background: #eee url('../../images/bg-feature.jpg');
		background-attachment: fixed;*/
		background: transparent;
		padding: 60px 0 35px;
		z-index: 102;
		/*border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;*/
		margin: 0;
	}
	
		#featureWrap.live {
			background: #eee url('../../images/bg-live.jpg');
			background-attachment: fixed;
			border-top: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
		}
	
	#contentWrap #featureWrap {
		margin: 60px 0;
	}
	.wrap.ads {
		text-align: center;
		background: var(--colPale);
	}
		.wrap.ads img {
			margin-left: auto;
			margin-right: auto;
		}
	#secondaryWrap {
		background: #008747 url('../../images/bg-secondary.jpg') 0 0 no-repeat;
		background-attachment: fixed;
		/*background: #008747;*/
		padding: 60px 0 100px;
	}
	
	#footerWrap {
		padding: 55px 0 35px;
        border-top: 1px solid var(--colMid);
		z-index: 200;
        background: var(--colPale);
	}
	
	#fetching {
		width: 100%;
		height: 100%;
		background: #000;
		position: fixed;
		opacity: 0.7;
		z-index: 800;
	}
	
	.wrap {
		background: #eee;
		padding: 60px 0 45px;
	}
		.wrap.bgLtGrey {
			background: #eee;
		}
		.wrap.heroCards,
		.wrap.imgCard {
			padding: 0;
			padding-bottom: 120px;
			background: var(--colPale);
			z-index: 2;
		}
			.wrap.heroCards p,
			.wrap.tripleCards p,
			.wrap.bgPaleGrey p,
			.wrap.bgMidGrey p,
			.wrap.heroCards li,
			.wrap.tripleCards li,
			.wrap.bgPaleGrey li,
			.wrap.bgMidGrey li {
				color: var(--colDark)
			}
		.wrap.heroCards {
			background: var(--colMid)
		}
			.wrap.imgCard:has(+ .wrap.tripleCards),
			.wrap.heroCards:has(+ .wrap.tripleCards),
			.wrap.imgCard {
				padding-bottom: 60px;
			}
			.wrap.tripleCards:has(+ .wrap.imgCard),
			.wrap.tripleCards:has(+ .wrap.heroCards),
			.wrap.heroCards:has(+ .wrap.imgCard),
			.wrap.imgCard:has(+ .wrap.heroCards),
			.wrap.heroCards:has(+ .wrap.heroCards),
			.wrap.imgCard:has(+ .wrap.imgCard) {
				padding-bottom: 120px;
			}
		.wrap.search {
			margin-top: -40px;
			padding: 60px 0 90px;
			background: var(--colPale);
			z-index: 2;
		}
		.wrap.heroCards .container,
		.wrap.imgCard .container {
			top: -60px;
			margin-bottom: -60px;
		}
		.wrap.spaced .container,
		.wrap.heroCards.spaced .container {
			top: 60px;
			margin-bottom: 30px;
		}

	.wrap.tripleCards {
		background: var(--colPale);
		padding: 60px 0
	}
		.wrap.tripleCards + .wrap.tripleCards,
		.wrap.tripleCards + .wrap.imgCard,
		.wrap.imgCard + .wrap.tripleCards {
			padding-top: 0 !important;
		}

#IMSnav {
	background: #fff;
	z-index: 205;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
		#IMSnav.shadow {
			padding-top: 30px;
			border-bottom: 1px solid #d8d9dc;
		}
.notification {
	background: #008747;
	border-radius: 19px;
	padding: 9px 15px 8px;
	margin: 0 auto 30px;
	box-sizing: border-box;
}

	.notification a {
		color: #fff;
	}

		.notification a.close {
			float: right;
			width: 20px;
			height: 20px;
			display: block;
			position: relative;
		}

			.notification a.close:hover {
				transform: rotate(90deg)
			}

			.notification a.close:before, .notification a.close:after {
				content: '';
				position: absolute;
				width: 20px;
				height: 2px;
				background-color: #fff;
				top: 10px;
			}

			.notification a.close:before {
				transform: rotate(45deg);
				left: 0;
			}

			.notification a.close:after {
				transform: rotate(-45deg);
				right: 0;
			}
	
/* header
-------------------------------------------------- */

#logo {
	width: 180px;
}
	#logo a {
		margin-bottom: 0;
		position: relative;
		display: block;
		background: url('../../images/logo.svg') no-repeat 0 0;
		width: 180px;
		height: 68px;
		transition: none;
		text-decoration: none;
		z-index: 10;
	}
.ccShieldLink {
    display: block;
    background: url('../../images/sprite.png') no-repeat 0 -405px;
    background-size: 500px 500px;
    width: 36px;
    height: 36px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-decoration: none;
    float: right;
}
p.strapline {
	font-size: 1.625em;
	margin-top: 1.25;
	text-transform: uppercase;
	color: #fff;
}
	p.strapline strong {
		color: #008646;
	}
#cssmenu p {
	margin-bottom: 0;
}
#accountBtn {
	padding: 0;
}
	#accountBtn img {
		max-width: 20px;
		height: auto;
		display: inline;
		vertical-align: middle;
		margin-right: 10px;
	}
#social, #social li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#social {
	float: right;
}
#social li {
	float: right;
	margin-left: 4px;
}
#social li:before {
  content: '';
  display: none;
}
#social li:last-child{
	margin-left: 0;
}
#social li a {
	display: block;
	width: 32px;
	height: 32px;
	background-size: 500px 500px !important;
	text-decoration: none;
}
	#social li a.fb  {
		background: url('../../images/sprite.png') no-repeat -275px 0;
	}
	#social li a.tw  {
		background: url('../../images/sprite.png') no-repeat -315px 0;
	}
	#social li a.yt  {
		background: url('../../images/sprite.png') no-repeat -235px 0;
	}

		#social li a.fb:hover {
			background: url('../../images/sprite.png') no-repeat -275px -32px;
		}
		#social li a.tw:hover  {
			background: url('../../images/sprite.png') no-repeat -315px -32px;
		}
		#social li a.yt:hover  {
			background: url('../../images/sprite.png') no-repeat -235px -32px;
		}
		
/* Summary
-------------------------------------------------- */		
		
#summaryWrap p {
	margin-bottom: 0;
    font-size: 0.875em;
	line-height: 24px;
}

#summaryWrap a.searchBtn {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 16px;
	background: url('../../images/sprite.png') no-repeat -166px -90px;
	background-size: 333px 333px;
	margin: 0 20px 0 10px;
}
	#summaryWrap a.searchBtn.digital {
		background: url('../../images/sprite.png') no-repeat -219px -90px;
		background-size: 333px 333px;
	}
#summaryWrap a.searchBtn:hover {
	filter: brightness(0);
}


/* Breadcrumb
-------------------------------------------------- */
	
#breadcrumbWrap ul, #breadcrumbWrap li {
	font-size: 0.875em;
	text-transform: uppercase;
	list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumbWrap li {
	float: left;
	margin: 0;
	color: #888;
}

/* promo area homepage */

#promoWrap {
	margin-top: -150px;
	position: relative;
	z-index: 120;
	background: transparent;
}

.promoHolder {
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
	margin: 0 10px 30px;
}

.promo {
	display: flex;
	flex: 1;
	margin-bottom: auto;
	flex-direction: column;
	align-items: center;
	background: #fff;
	text-align: center;
	padding: 10px 10px 20px;
	border-radius: 5px;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.08);
	min-height: 200px;
}

	.promo:nth-child(1) {
		order: 2;
	}

	.promo:nth-child(2) {
		order: 1;
	}

	.promo:nth-child(3) {
		order: 3;
	}

	.promo.schedule {
		flex: 2;
		align-items: stretch;
		text-align: left;
	}

	.promo img.scale {
		margin-bottom: 0;
	}

	.promo h2,
	.promo p {
		font-weight: 600;
		font-size: 1.1em;
		color: #008747;
		text-transform: uppercase;
	}

		.promo p.time {
			font-weight: 600;
			font-size: 5.5em;
			line-height: 0.8
		}

	.promo .buttonHolder {
		display: flex;
		flex-direction: row;
		justify-items: center;
		margin-top: auto;
	}

a.button.yaya {
	margin-top: auto;
	margin-bottom: 0;
	border: 2px solid #008747;
	background: #fff;
	color: #008747;
	font-weight: 600;
	font-size: 1.1em;
	border-radius: 5px;
	width: auto;
	box-shadow: none;
	padding-left: 12px !important;
	padding-right: 12px !important;
	box-sizing: border-box;
}

	a.button.yaya:hover {
		background: #008747;
		color: #fff !important;
	}

.live a.button.yaya {
	border: 2px solid #f00;
	color: #f00;
}

	.live a.button.yaya:hover {
		border: 2px solid #f00 !important;
		background: #f00 !important;
	}

.live.noAccess a.button.yaya {
	border: 2px solid #ff6d6d;
	color: #ff6d6d;
}

	.live.noAccess a.button.yaya:hover {
		border: 2px solid #ff6d6d !important;
		background: #ff6d6d !important;
	}

.digital a.button.yaya {
	border: 2px solid #f47721;
	color: #f47721;
}

	.digital a.button.yaya:hover {
		border: 2px solid #f47721 !important;
		background: #f47721 !important;
	}

.promo a.button.yaya {
	margin: 0;
}

.promo.schedule a.button.yaya {
	align-self: center;
}

.promo.auction.countdown a.button.yaya {
	opacity: 1;
}

/* account icons */

.iconHolder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 20px;
	margin: 0 0 20px;
}

	.iconHolder .icon {
		display: flex;
		flex: 0 0 calc(25% - 40px);
		margin-bottom: 20px;
		flex-direction: column;
		align-items: center;
		background: #fff;
		text-align: center;
		padding: 20px 10px 15px;
		border-radius: 5px;
		box-shadow: 0 10px 20px 0 rgba(0,0,0,0.08);
	}
		.iconHolder .icon:first-child:nth-last-child(5),
		.iconHolder .icon:first-child:nth-last-child(5) ~ .icon,
		.iconHolder .icon:first-child:nth-last-child(9),
		.iconHolder .icon:first-child:nth-last-child(9) ~ .icon,
		.iconHolder .icon:first-child:nth-last-child(10),
		.iconHolder .icon:first-child:nth-last-child(10) ~ .icon {
			flex: 0 0 calc(20% - 40px);
		}
		.iconHolder .icon a {
			display: block;
			width: 100%;
		}
		.iconHolder .icon img {
			max-width: 80px;
			margin-bottom: 5px;
		}
		.iconHolder .icon h3 {
			font-weight: 600;
			font-size: 0.875em;
			line-height: 1.5;
			text-transform: uppercase;
			color: #008747;
			margin-bottom: 0;
		}

/* schedule area */

.intro {
	text-align: center;
}

.intro h1 {
	border: none;
	padding: 0;
	font-weight: 400;
	font-size: 2.5em;
	line-height: 1.25;
}

/* Schedule
-------------------------------------------------- */

/* car logos */
.logoHolder {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 1em;
	margin-bottom: 30px;
}

	.logoHolder img {
		max-height: 90px;
	}

#scheduleWrap {
	padding-top: 0;
	margin-top: 0;
}

	#scheduleWrap h1 {
		font-size: 2.2em;
		text-transform: none;
	}

	#scheduleWrap h4 {
		font-weight: 600;
	}

		#scheduleWrap h4.live::before {
			content: "";
			display: inline-block;
			width: 11px;
			height: 11px;
			border-radius: 50%;
			background: #f00;
			margin-right: 8px;
			animation: blink 1.5s infinite;
		}

@keyframes blink {
	0% {
		background: #f00;
	}

	50% {
		background: #f00;
	}

	51% {
		background: transparent;
	}

	100% {
		background: transparent;
	}
}

.scheduleRow {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 0 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	column-gap: 20px;
	opacity: 0.65;
}

	.scheduleRow.live,
	.scheduleRow.countdown,
	.scheduleRow.digital.access {
		opacity: 1;
	}
	.scheduleRow .fullrow {
		flex: 0 0 calc(100% - 20px);
		text-align: center;
		border-radius: 4px;
		margin-bottom: 10px;
	}
	.scheduleRow .time {
		flex: 0 0 80px;
		text-align: center;
		color: #fff;
		padding: 7px 10px 6px;
		background: #008747;
		border-radius: 4px;
	}

	.scheduleRow.live .time {
		background: #f00;
	}
	.scheduleRow.live.noAccess .time {
		background: #ff6d6d;
	}

	.scheduleRow.countdown .time {
		background: #008747;
	}

	.scheduleRow.digital .time {
		background: #f47721;
	}

	.scheduleRow .location {
		flex: 1;
		font-weight: 500;
		line-height: 1.4;
	}

	.scheduleRow .action {
		flex: 0 0 100px;
	}

		.scheduleRow .action a {
			width: 100%;
			box-sizing: border-box;
		}

	.scheduleRow.live .action a {
		border: 2px solid #f00;
		color: #f00;
	}
	.scheduleRow.live.noAccess .action a {
		border: 2px solid #ff6d6d;
		color: #ff6d6d;
	}

.mapHolder,
#introHolder {
	position: relative;
	z-index: 2;
	background: #fff;
	left: 0;
	-webkit-transition: left 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition: left 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: left 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: left 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.mapHolder {
	height: 477px;
}
.mapHolder h2,
.mapHolder h3 {
	position: relative;
	z-index: 3;
}
.map {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-40%);
	background: url(../../images/uk-map.png) 50% 0 no-repeat;
	background-size: cover;
	width: 366px;
	height: 477px;
	margin-bottom: 30px;
}
.schedule p.icon.toggle {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 100;
}

.tableHolder {
	position: absolute !important;
	top:0;
	right: -2000px;
	float: none !important;
	-webkit-transition: right 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition: right 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: right 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: right 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	background: #fff;
	z-index: 3;
}

.map-marker {
	position: absolute;
	height: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: left;
	transform: translateX(-50%);
}
	.map-marker * {
		box-sizing: border-box;
	}
	.map-shield {
		position: relative;
		width: 30px;
		height: 30px;
		margin: 0 10px;
		z-index: 5;
	}
		.map-shield::before{
			content: "";
			background-image: url(../../images/map-shield-physical.png);
			background-size: cover;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.map-arrow {
			position: absolute;
			width: 50px;
			left: 50%;
			top: 50%;
			border-bottom: 1px solid #008747;
			transform: translate(-50%, -50%);
		}
		.map-box {
			width: 120px;
			height: 20px;
			margin-top: 5px;
			background: #008747;
			color: white;
			z-index: 4;
			font-size: 0.75em;
			padding: 2px 2px 2px 4px;
			position: relative;
		}
			.map-box::after {
				content: attr(datacount);
				position: absolute;
				width: 14px;
				height: 14px;
				background: white;
				border-radius: 7px;
				right: 4px;
				top: 3px;
				font-size: 0.75em;
				color: #008747;
				text-align: center;
			}
		.map-more_content {
			position: absolute;
			width: 120px;
			background-color: #e9e9e9;
			display: none;
			top: 25px;
			border: 1px solid #008747;
			padding: 3px 3px 0;
		}
			.content-item {
				display: block;
				color: #111;
				background-color: #d8d8d8;
				font-size: 0.75em;
				line-height: 16px;
				width: 100%;
				padding: 2px;
				margin-bottom: 3px;
			}
			.content-item.live {
				background: #222;
				color: white;
			}
			.content-item.show {
				left: 0;
				opacity: 1;
			}
			.content-item:hover {
				color: #fff;
				background-color: #008747;
			}

	.map-marker__leeds {
		top: 160px;
		left: 53%;

	}
	.map-marker__wakefield {
		top: 185px;
		left: 59%;
	}
	.map-marker__donington-park {
		top: 250px;
		left: 57%;
	}
	.map-marker__prees-heath {
		top: 230px;
		left: 39%;
	}
	.map-marker__westbury {
		top: 360px;
		left: 44%;
	}
	.map-marker__chelmsford {
		top: 325px;
		left: 80%;
	}
	.map-marker__digital {
		top: 100px;
		left: 78%;
	}
		.map-marker__digital .map-shield:before{
			content: "";
			background-image: url(../../images/map-shield-digital.png);
		}
		.map-marker__digital .map-box {
			background: #f67419;
		}
		.map-marker__digital .map-box:after {
			color: #f67419;
		}
		.map-marker__digital .map-arrow,
		.map-marker__digital .map-more_content {
			border-color: #f67419;
		}
		.map-marker__digital .content-item:hover {
			background-color: #f67419;
		}

	.map-marker__left .map-box:last-child {
		opacity: 0;
	}
	.map-marker__left .map-box:first-child:hover {
		filter: brightness(85%);
	}
	.map-marker__left .map-arrow {
		margin-left: -25px;
	}
	.map-marker__left .map-more_content.show {
		display: block;
	}
	
	.map-marker__right .map-box:first-child {
		opacity: 0;
	}
	.map-marker__right .map-box:last-child:hover {
		filter: brightness(85%);
	}
	.map-marker__right .map-arrow {
		margin-left: 25px;
	}
	.map-marker__right .map-more_content.show {
		right: 0;
		left: auto;
		display: block;
	}

	.map-marker.disabled .map-box {
		background-color: #B2B2B2;
	}
		.map-marker.disabled .map-box :after {
			color: #B2B2B2;
		}
		.map-marker.disabled .map-arrow {
			border-color: #B2B2B2;
		}
		.map-marker:not(.disabled) .map-box {
			cursor: pointer;
		}

		.map-marker.live .map-box:after {
			background: black;
			color: white;
		}


/* Map & results
-------------------------------------------------- */
#gMap {
	max-width: 100%;
	height: 595px;
}
#gMap button {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* To fix gmap infowindow bug */
.scrollFix {
	overflow: hidden;
	white-space: nowrap;
}

.scrollFix p {
	line-height: 21px;
}

/* Homepage video
-------------------------------------------------- */

#homeVideo {
    position: absolute;
    top: 0;
    opacity: 0.3;
    width: 100%;
}

#homeVideo video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: #101113;
    background-size: cover;
	box-sizing: border-box;
}

#videoWrap .container {
	z-index: 3;
}
		

/* Content
-------------------------------------------------- */

.gridHolder {
	margin: 0 -10px 20px;
	display: flex;
	flex-flow: column wrap;
}
.gridRow {
	display: flex;
}
.gridRow:nth-child(odd) {
	flex-direction: row-reverse;
}
.gridItem {
	display: flex;
	align-items: center;
	justify-items: flex-start;
	margin: 0;
	width: 50%;
}
.gridItem p {
	display: flex;
	padding: 20px 25px;
	color: #f47721;
	font-size: 1.25em;
	line-height: 1.5;
	margin: 0;
}
	.gridItem span.cNum {
		border: 2px solid #f47721;
		flex: 0 0 32px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		display: block;
		line-height: 32px;
		color: #f47721;
		text-align: center;
		font-weight: bold;
		margin-right: 10px;
	}
	.gridItem.green span.cNum,
	.gridItem.green p {
		color: #008747;
	}
	.gridItem.green span.cNum {
		border: 2px solid #008747;
	}
.gridItem img {
	margin: 0;
}
    .selectNav {
        margin-top: -5px;
    }
    .selectNav select, .selectNav input {
        float: left;
    }
		.selectNav select {
			border-right: none;
			border-radius: 5px 0 0 5px !important;
			margin-right: 0;
			width: 80% !important;
			background: #fff url('../../images/selectBox-arrow.png') 10px center no-repeat;
			background-size: 15px 6px;
			padding-left: 28px;
			padding-right: 5px;
		}
    .selectNav input[type="submit"] {
        border-right: none;
        border-radius: 0 5px 5px 0; 
        width: 20% !important;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

	img.motif {
		width: 100px;
		margin-bottom: 30px;
	}

/* hero cards */

.cardHolder {
	display: grid;
	grid-template-columns: repeat(12,1fr);
	grid-gap: 10px;
}
.cardHolder.two {
	grid-template-columns: repeat(6,1fr);
}
.cardHolder.three {
	grid-template-columns: repeat(9,1fr);
}
.cardHolder.five {
	grid-template-columns: repeat(15,1fr);
}
	.cardHolder .card {
		display: flex;
		flex-direction: column;
		grid-column: auto / span 3;
		background: #fff;
		border-radius: 10px;
		padding: 2.5em 2.5em 1.5em;
		text-align: center;
		box-shadow: 0px 8px 0px 0px rgba(50, 89, 118, 1);
	}
		.cardHolder .card * {
			margin-bottom: 1.5rem;
		}
		/*.cardHolder .card h2 {
			margin-left: 1em;
			margin-right: 1em;
		}*/
		.cardHolder .card img.icon {
			display: block;
			width: 46px;
			height: 46px;
			margin: 0 auto 22px;
		}
		.cardHolder .card a.button:last-child {
			margin-top: auto;
		}

/* image card */

.imgCardHolder {
	display: flex;
	flex-direction: row-reverse;
	position: relative;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}
	.imgCardHolder.reverse {
		flex-direction: row;
	}
	.imgCardHolder .imageHolder {
		position: relative;
		width: 50%;
		height: auto;
	}
		.imgCardHolder .imageHolder img {
			position: absolute;
			height: 100%;
			width: 100%;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			object-fit: cover;
			color: transparent;
		}
		.imgCardHolder .textHolder {
			width: 50%;
			background: #fff;
			padding: 2.8rem 3.2rem 1.5rem;
			box-sizing: border-box;
			height: auto;
		}
		.imgCardHolder .textHolder.full-width {
			width: 100%;
		}
			.imgCardHolder .textHolder p,
			.imgCardHolder .textHolder ol,
			.imgCardHolder .textHolder ul {
				margin-bottom: 1.5rem;
			}
			.imgCardHolder .textHolder ol,
			.imgCardHolder .textHolder ul {
				margin-left: 20px;
			}
		.eight .imgCardHolder .textHolder {
			padding: 1.8rem 2.2rem 0.5rem;
		}
.news .imgCardHolder {
	margin-bottom: 20px;
}
.news .textHolder h2,
.news .textHolder h3,
.news .textHolder h4 {
	font-size: 1.4em;
	line-height: 1.4;
	margin-bottom: 8px;
}
.news .imgCardHolder .imageHolder {
	width: 25%;
}
.news .imgCardHolder .textHolder {
	width: 75%;
	background: var(--colVPale);
}

/* bullet pod */

.bulletPod {
	position: relative;
	width: 100%;
	padding: 0 3.75rem;
	box-sizing: border-box;
}
	.bulletPod dl {
		width: 64%;
		padding-right: 64px;
		box-sizing: border-box;
	}
		.bulletPod dt {
			color: var(--colDark);
			font-size: 1.25em;
			line-height: 1.25;
			font-weight: 600;
			margin-bottom: 12px;
		}
		.bulletPod dt::before {
			content: '';
			display: block;
			float: left;
			width: 46px;
			height: 46px;
			background: url(/images/icons/tick.svg) center top no-repeat;
			background-size: 46px 46px;
			margin-right: 30px;
		}
		.bulletPod dd {
			margin-left: 76px;
			margin-bottom: 1.75rem;
		}
	.bulletPod figure {
		position: absolute;
		right: 3.75rem;
		top: 0;
		width: 36%;
		height: 100%;
		border-radius: 8px;
		overflow: hidden;
	}
	.bulletPod img {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
		color: transparent;
	}


/* triple cards */

.cardHolder.triple .card {
	grid-column: auto / span 4;
	background: var(--colGreen);
	padding: 0;
	box-shadow: none;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
	.cardHolder.triple.fours .card {
		grid-column: auto / span 3;
	}
	.cardHolder.triple.twos .card {
		grid-column: auto / span 6;
	}
	.cardHolder.triple .card.news {
		background: var(--colGreen);
		transition: background 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
	}
		.cardHolder.triple .card.news:hover {
			background: var(--colDark);
		}
	.cardHolder.triple .card a {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: center;
	}
	.cardHolder.triple .card * {
		color: #fff;
		margin-bottom: 0;
	}
	.cardHolder.triple .card p,
	.cardHolder.triple .card h2,
	.cardHolder.triple .card h3 {
		margin-left: 0;
		margin-right: 0;
		padding: 1.375rem 1.375rem 1.5rem;
		width: 100%;
		box-sizing: border-box;
	}
	.cardHolder.triple .card h2,
	.cardHolder.triple .card h3 {
		font-size: 1.3125em;
		background: var(--colDark);
	}
	.cardHolder.triple .card p {
		padding-bottom: 1.625rem;
		align-self: flex-end;
		flex: 1;
	}
	.cardHolder.triple .card.news p {
		padding: 0 2rem 1.5rem;
	}
	.cardHolder.triple .card figure {
		width: 100%;
		aspect-ratio: 3 / 2;
		overflow: hidden
	}
	.cardHolder.triple .card img {
		width: 100%;
		object-fit: cover;
		aspect-ratio: 3 / 2;
		transition: filter 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
	}
	.cardHolder.triple .card a:hover img {
		filter: brightness(0.7)
	}

	/* video cards */

	.cardHolder.triple .card.video figure,
	.cardHolder.triple .card.video img {
		aspect-ratio: 16 / 9;
	}

/* search box */

.wrap.search form {
	width: 100%;
	display: flex;
}
.wrap.search input[type=text] {
	width: 70%;
	border: none;
	border-radius: 5px 0 0 5px;
}
.wrap.search input[type=submit] {
	width: 30%;
	border: none;
	border-radius: 0 5px 5px 0;
	margin-bottom: 20px;
}
	
/* account stuff */

#headerWrap .accountMenu {
	position: absolute;
	text-align: left;
	top: 48px;
	right: 0;
	padding: 0 20px;
	background: #000;
	width: auto;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25)
}
	#headerWrap .accountMenu p {
		font-weight: 500;
		color: #fff;
		line-height: 1.4;
		margin-top: 15px;
		margin-bottom: 12px;
		padding-bottom: 14px;
		border-bottom: 1px solid #ccc;
	}
	#headerWrap .accountMenu ul {
		display: block;
		margin: 0 0 15px;
		font-size: 0.85em;
		text-transform: uppercase;
	}
	#headerWrap .accountMenu ul li {
		display: block;
		line-height: 1.6;
	}
	#headerWrap .accountMenu li::before {
		display: none;
	}
	#headerWrap .accountMenu p span {
		display: block;
		font-size: 0.8em
	}
.accountIcons .two a {
	display: block;
	text-align: center;	
	padding: 10px 10px 8px;
	border: 2px solid #fff;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	margin-bottom: 20px;
}
	.accountIcons .two a:hover {
		border: 2px solid #008747;
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0);
		-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0);
		box-shadow: 0 0 3px 0 rgba(0,0,0,0);
	}
	.accountIcons .two a.digital:hover {
		border: 2px solid #f37215;
	}
.accountIcons .two img {
	max-width: 64px;
	clear:right;
	margin-bottom: 0;
}
.accountIcons .two p {
	font-weight: 500;
	text-transform: uppercase;	
	margin-bottom: 0;
	font-size: 0.85em;
	line-height: 1.4em
}


/* video embed */

.embedVideo {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 0; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
	z-index: 1;
}

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

/* terms box */

.termsBox {
	height: 33vH;
	overflow-y: scroll;
	padding: 20px;
	border: 1px solid #ddd;
	margin-bottom: 35px;
}

/* call out panel */

.callOut {
	background: var(--colPale);
	padding: 2.8rem 3.2rem 1.5rem;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.15);
	margin-bottom: 30px;
	box-sizing: border-box;
	border-radius: 8px;
}
	.callOut.bgGold {
	background: #fff0b0;
	}
	.callOut.bgGreen {
		background: var(--colGreenLight);
	}
	.callOut.bgDk {
		background: var(--colDark);
	}
	.callOut.bgWhite {
		background: #fff;
		box-shadow: none;
	}
	.callOut h3 {
		color: #008747;
		margin-bottom: 0;
	}
	.callOut p,
	.callOut li {
		margin-bottom: 18px;
		color: var(--colDark)
	}
	.callOut.cta {
		background: #E7C7D5;
	}
	.callOut ul.linklist li strong {
		font-size: 1.125em
	}
	.callOut.bgDk h2,
	.callOut.bgDk h3,
	.callOut.bgDk p,
	.callOut.bgDk li {
		color: #fff;
	}
	
.dashMod {
	background: #f3f3f3;
	padding: 15px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	box-sizing: border-box;
  border-radius: 3px; 
  -webkit-border-radius: 3px;
}

/* feature */

.feature {
	text-align: center;
}
.feature img {
	margin: 0;
	max-width: none;
	width: auto;
	height: 160px;
	margin: 0 auto 20px;
}


/* office */

.office h2 {
	text-transform: none;
	font-size: 1.125em;
	line-height: 27px;
	margin-bottom: 0;
}

.office p {
	font-size: 0.875em;
	line-height: 22px;
	margin-bottom: 15px;
}

.office ul {
	margin-bottom: 15px;
}

.office li {
	font-weight: 500;
}
	
	
/* subnav */

ul.subNav, ul.subNav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.subNav {
	margin: 0 0 30px;
}

ul.subNav li:before {
  content: '';
  display: none;
}
	
ul.subNav li a {
	background: var(--colGreen);
	color: #fff;
	display: block;
	padding: 10px 20px 10px 10px;
	border-radius: 5px;
	margin-bottom: 10px;
	/*border-bottom: 1px solid var(--colPale);*/
}
    ul.subNav li.cascade a,
    ul.subNav li.group a,
    ul.subNav li.buying a {
        color: #fff;
        padding-left: 10px;
        /*border-bottom: 1px solid rgba(0,0,0,0.15);*/
    }
    ul.subNav li.cascade a {
        background: #f47721;
    }
    ul.subNav li.digital a {
        color: #f47721;
        /*border-bottom: 1px solid #f47721;*/
    }
    ul.subNav li.group a {
        background: #777;
    }
    ul.subNav li.buying a {
        background: #28a1b7;
    }

	ul.subNav li a::after {
		content: "";
		display: block;
		float: right;
		background: url('../../images/sprite.png') no-repeat -60px -240px;
		background-size: 500px 500px;
		width: 7px;
		height: 12px;
		margin-right: -10px;
		margin-top: 6px;
		transition: all 0.2s ease-out;
		filter: brightness(0) invert(1)
	}
	ul.subNav li a:hover::after {
		background: url('../../images/sprite.png') no-repeat -45px -240px;
		background-size: 500px 500px;
		filter: brightness(0)
	}
        ul.subNav li.digital a::after {
            background: url('../../images/sprite.png') no-repeat -425px 0;
            background-size: 500px 500px;
        }
        ul.subNav li.digital a:hover::after {
            background: url('../../images/sprite.png') no-repeat -410px 0;
            background-size: 500px 500px;
        }

	ul.subNav li a.selected, ul.subNav li a.selected:hover {
		padding-left: 10px;
		color: #fff;
		background: var(--colDark);
		/*border-bottom: 1px solid rgba(0,0,0,0.15);*/
	}
	ul.subNav li a.selected::after {
		background: url('../../images/sprite.png') no-repeat -45px -240px;
		background-size: 500px 500px;
	}

ul.subNav li a:hover {
	padding-left: 10px;
	background: var(--colPale);
	color: var(--colDark)
}
    ul.subNav li.cascade a:hover {
        background: #ef9162;
        color: #fff;
    }
    ul.subNav li.digital a:hover {
        color: #854500;
    }
    ul.subNav li.group a:hover {
        background: #999;
        color: #fff;
    }
    ul.subNav li.buying a:hover {
        background: #35bbd2;
        color: #fff;
    }
    ul.subNav li.cascade a::after,
    ul.subNav li.group a::after,
    ul.subNav li.buying a::after {
        background: url('../../images/sprite.png') no-repeat -60px -220px;
        background-size: 500px 500px;
    }
    ul.subNav li.cascade a:hover::after,
    ul.subNav li.group a:hover::after,
    ul.subNav li.buying a:hover::after {
        background: url('../../images/sprite.png') no-repeat -45px -220px;
        background-size: 500px 500px;
    }


	/* sub sub */
		ul.subNav li ul {
			margin: 0;
		}
	
		ul.subNav li li a {
			text-transform: none;
			color: #555;
			background: #fafafa !important;
			display: block;
			padding: 11px 0 9px 20px;
			border-bottom: 1px solid #ccc;
		}
		ul.subNav li li a:hover {
			color: #000;
			border-bottom: 1px solid #ccc;
			padding: 11px 0 9px 30px;
		}
		
/* Counter */

#vehicleCounter {
	display: inline-block;
	width: 100%;
	padding: 4px 8px;
	text-align: center;
	color: #fff;
	background: #333;
	border: 1px solid #000;
	border-radius: 2px; 
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px;
	box-sizing: border-box;
}

#vehicleCounter span.numerals {
	display: inline-block;
	margin-top: 2px;
	font-weight: 600;
	font-size: 1.125em;
	color: #fff;
}

/* Customer logo grid */

.cusLogo {
	box-sizing: border-box;
	margin-bottom: 20px !important;
}

.imgFrame {
    position: relative;
    text-align: center;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.innerFrame {
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 0;
}

.innerFrame:before,
.frameBefore {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.innerFrame img {
    max-width: 100%;
    height: auto;
		max-height: 100%;
    vertical-align: middle;
}

/* scrolling logos */

.scroller-container {
	overflow: hidden;
	margin-bottom: 30px
}

.scroller {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: fit-content;
	max-width: unset;
	-webkit-animation: icon-scroller 120s linear 0s normal infinite;
	animation: icon-scroller 120s linear 0s normal infinite;
	will-change: transform;
	margin-top: 20px;
}

.scroller-img {
	max-width: 200px;
	max-height: 100px;
	padding: 0 1.5rem;
}

@keyframes icon-scroller {
	0% {
		transform: translateX(0%);
	}
	100% {
		/*transform: translateX(calc(-50% - calc(100vw - 1.5rem)));*/
		transform: translateX(-50%);
	}
}

		
/* Secondary
-------------------------------------------------- */

#secondaryWrap h2,
#secondaryWrap h2 a {
	color: #fff;
}
	
		
/* Footer
-------------------------------------------------- */

a.goTop {
	float: right;
	display: block;
	background: url('../../images/sprite.png') no-repeat 4px -286px;
	background-size: 500px 500px;
	width: 32px;
	height: 32px;
}
a.goTop:hover {
	background: url('../../images/sprite.png') no-repeat 4px -316px;
	background-size: 500px 500px;
}

#footerWrap ul, #footerWrap li {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
#footerWrap p, #footerWrap li {
	font-weight: 500;
	font-size: 0.875em;
	line-height: 20px;
	margin-right: 0;
}
#footerWrap li {
	margin: 0 0 5px;
}
#footerWrap .two li:before,
#footerWrap .three li:before {
	content: '';
	display: none;
}
#footerWrap .car {
	position: absolute;
	width: 300px;
	margin-top: -120px;
	right: -20px;
}
#footerWrap img.tall {
    max-width: 80px;
    margin-bottom: 20px
}

#footerWrap img.wide {
    max-width: 120px;
    margin-bottom: 20px
}
#footerWrap a {
	display: block;
}
#footerWrap h4 {
	color: var(--colGreen);
}
#footerWrap hr {
	border: solid var(--colGreen);
	border-width: 0 0 1px;
}
#footerWrap #social {
	float: right;
}
#footerWrap #social li {
	float: left;
	margin-right: 4px;
}
#footerWrap #social li:before {
  content: '';
  display: none;
}
#footerWrap #social li:last-child{
	margin-right: 0;
}

#fmLogo {
	width: 120px;
	height: 13px;
	background: url('../../images/sprite.png') no-repeat 0 -360px;
	background-size: 500px 500px;
}

/* logo grid */

.logoGrid .logo {
	float: left;
	margin: 0 20px 20px 0;
}
.logoGrid .logo:last-child {
	margin-right: 0
}
.logoGrid .logo img {
	width: auto;
	max-height: 140px;
}
	.logoGrid .logo.wide img {
		max-height: 40px;
	}
	.logoGrid .logo.extra.wide img {
		max-width: 100%;
		max-height: 80px;
	}
	.logoGrid .logo.multiply img {
		mix-blend-mode: multiply;
	}

/*.logoGrid {
	display: grid;
	grid-template-columns: repeat(7,1fr);
	grid-auto-rows: 1fr;
	grid-gap: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.columns .logoGrid {
	margin-left: 0;
	margin-right: 0;
}
.logoGrid .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 0;
}
	.logoGrid .logo img {
		width: 100%;
		max-height: 100%;
		max-width: 100%;
		margin-bottom: 0;
	}*/


	/* #Media Queries
================================================== */

	@media only screen and (min-width: 1280px) and (max-width: 1480px) {
		.scheduleRow {
			column-gap: 10px;
		}
		.aucgrid th, .aucgrid td {
			font-size: 0.875em;
			padding: 6px;
		}
			.aucgrid td.auction a {
				padding: 6px;
			}

		#twitter li {
			width: 380px;
		}
	}
	@media only screen and (max-width: 1480px) {
		#marketingWrap h1 {
			font-size: 2.25em;
			line-height: 1.25;
		}
			.cardHolder .card {
				padding: 1.5rem 1.5rem 0.5rem;
			}
				.cardHolder .card * {
					margin-bottom: 1rem;
				}
				.cardHolder .card h2 {
					margin-left: 0;
					margin-right: 0;
				}
				/*.cardHolder.triple .card p {
					padding: 1.5rem;
				}*/
	}

	@media only screen and (max-width: 1279px) {
		body {
			font-size: 15px;
		}
		#logo {
			width: 150px;
		}
			#logo a {
				background: url('../../images/logo.svg') no-repeat 0 0;
				width: 150px;
				height: 55px;
			}
		.callOut,
		.imgCardHolder .textHolder {
			padding: 2rem 2.3rem 0.7rem;
		}
		.cardHolder {
			row-gap: 18px;
		}
			.cardHolder .card {
				grid-column: auto / span 6;
				padding: 2.5em 2.5em 1.5em;
			}
			.cardHolder.triple.fours {
				row-gap: 10px;
			}
				.cardHolder.triple.fours .card {
					grid-column: auto / span 6;
				}
			.cardHolder.five {
				grid-template-columns: repeat(30,1fr);
			}
			.cardHolder.five .card {
				grid-column: auto / span 10;
			}
				.cardHolder.five .card:nth-child(4n),
				.cardHolder.five .card:nth-child(5n) {
					grid-column: auto / span 15;
				}

		.logoGrid .logo img {
			max-height: 100px;
		}
		.logoGrid .logo.wide img {
			max-height: 40px;
		}
		
	}
	
	@media only screen and (max-width: 1024px) {
		#headerWrap .accountMenu {
			display: none !important;
		}
	}
	/* Tablet Landscape size to wide monitor  */
	@media only screen and (min-width: 960px) and (max-width: 1279px) {
		body,
		#twitter .tweet {
			font-size: 14px;
		}

		.no-tablet {
			display: none !important;
		}		label, legend {
			width: 180px;
		}
		.matchLabel {
			margin-left: 180px;
		}
		input[type="text"], input[type="password"], input[type="email"], textarea, select {
			width: 200px;
		}
		.infogrid th, .infogrid td {
			padding: 8px;
		}
			.infogrid th.damageImg {
				width: 120px !important;
			}
		.aucgrid th, .aucgrid td {
			padding: 6px;
		}
			.aucgrid td.auction a {
				padding: 6px;
			}
		.aucgrid tr td.location::before {
			display: none;
		}
		.wrap {
			padding: 40px 0 25px;
		}
		#videoWrap .strapHolder p {
			font-size: 2rem;
		}
		.scheduleRow {
			column-gap: 10px;
		}
			.scheduleRow .action {
				flex: 0 0 80px;
			}
		#twitter li {
			width: 300px;
		}
		.map {
			left: 50%;
			transform: translateX(-50%);
		}
		#gMap {
			height: 465px;
		}
		.feature img {
			height: 160px;
		}
		/*.logoGrid {
			grid-template-columns: repeat(6,1fr);
		}*/
	}
	/* Tablet Portrait down  */
	@media only screen and (max-width: 959px) {
		body,
		#twitter .tweet {
			font-size: 14px;
		}
		div.scrollMob {
			overflow-x: auto;
		}
		.matchLabel {
			margin-left: 0 !important;
		}
		p.icon a:hover {
			color: #008747 !important;
		}

			p.icon a:hover::before {
				transform: rotateY(0deg);
				-webkit-filter: grayscale(0);
				filter: grayscale(0);
			}
		ul.ticklist li {
			padding-left: 36px;
		}
		ul.ticklist li::before {
			background-size: 24px 24px !important;
			width: 24px;
			height: 24px;
		}
		.aucgrid th, .aucgrid td {
			font-size: 12px;
			padding: 5px;
		}

			.aucgrid td.auction a {
				padding: 5px;
			}

		.wrap {
			padding: 40px 0 25px;
		}
		.wrap.search .container .six.columns {
			width: 100%;
		}
		#marketingWrap .infoHolder {
			width: 47%;
			margin: 0 10px;
		}
		#marketingWrap.reverse .infoHolder {
			margin: 0 0 0 calc(53% + 30px);
			width: 47%;
		}
		#marketingWrap h1 {
			font-size: 2em;
			line-height: 1.3;
		}
		#summaryWrap p {
			font-size: 12px;
		}

		.tableHolder,
		.schedule .match {
			width: calc(100% - 20px) !important;
			padding: 0;
		}

		.tableHolder {
			position: absolute !important;
			right: -1000px;
		}

		.promoHolder {
			flex-wrap: wrap;
		}

		.promo {
			max-width: 100%;
			margin-bottom: 20px;
			flex: 1 1 calc(30% - 10px);
		}
			.promo.schedule {
				flex: 1;
				flex: 1 1 100%;
			}
			.promo:nth-child(1) {
				order: 1;
			}

			.promo:nth-child(2) {
				order: 3;
			}
			.promo:nth-child(3) {
				order: 2;
			}

		.map {
			transform: translateX(-50%);
		}

		ul.subNav li a {
			font-size: 13px;
		}

		.feature img {
			height: 120px;
		}
		.bulletPod {
			padding: 0;
		}
			.bulletPod dl {
				width: 60%;
				padding-right: 32px
			}
			.bulletPod dt::before {
				width: 32px;
				height: 32px;
				background: url(/images/icons/tick.svg) center top no-repeat;
				background-size: 32px 32px;
				margin-right: 20px;
			}

			.bulletPod dd {
				margin-left: 52px;
				margin-bottom: 1.5rem;
			}
			.bulletPod figure {
				width: 40%;
				right: 0;
			}
		/*.logoGrid {
			grid-template-columns: repeat(5,1fr);
		}*/
		.scroller {
			-webkit-animation: icon-scroller 20s linear 0s normal infinite;
			animation: icon-scroller 20s linear 0s normal infinite;
		}
		.scroller-img {
			max-width: 100px;
			max-height: 160px;
		}

		.cardHolder.five {
			grid-template-columns: repeat(10,1fr);
		}

			.cardHolder.five .card,
			.cardHolder.five .card:nth-child(4n) {
				grid-column: auto / span 5;
			}

				.cardHolder.five .card:nth-child(5n) {
					grid-column: auto / span 10;
				}
	}
	/* Tablet Portrait size to standard 960  */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.no-mob-all, .no-tab-p, .no-tablet {
			display: none !important;
		}

		.mob-only-all, .tab-only-p {
			display: block !important;
		}

		#showBuyNowLabel {
			font-size: 12px
		}

		.infogrid img {
			max-width: 100%;
		}

		.infogrid th.damageImg {
			width: 100px
		}

		.infogrid span.banner {
			width: 75px;
			position: relative;
			font-size: 13px;
		}

		p.strapline {
			text-align: left !important;
			margin-top: 20px;
		}

		ul.doclist li {
			margin-left: 8px;
		}

		.login::before {
			display: none;
			margin-right: 10px
		}

		#videoWrap .strapHolder p {
			font-size: 2rem;
		}

		.promo p.time {
			font-size: 4.5em;
		}

		.iconHolder .icon {
			flex: 0 0 calc(25% - 40px);
		}

			.iconHolder .icon:first-child:nth-last-child(5),
			.iconHolder .icon:first-child:nth-last-child(5) ~ .icon,
			.iconHolder .icon:first-child:nth-last-child(9),
			.iconHolder .icon:first-child:nth-last-child(9) ~ .icon,
			.iconHolder .icon:first-child:nth-last-child(10),
			.iconHolder .icon:first-child:nth-last-child(10) ~ .icon {
				flex: 0 0 calc(33% - 40px);
			}
		.eight .imgCardHolder .textHolder {
			padding: 1.4rem 1.8rem 0.1rem;
		}
		
		#gMap {
			height: 540px;
		}

		#twitter li {
			width: 236px;
		}

		#footerWrap p, #footerWrap li {
			line-height: 20px;
			margin-right: 0;
		}

		#fmLogo {
			width: 108px;
			height: 12px;
			background: url('../../images/sprite.png') no-repeat 0 -324px;
			background-size: 450px 450px;
		}
	}
	/* All Mobile Sizes  */
	@media only screen and (max-width: 767px) {

		html {
			overflow-x: hidden;
		}

		/* top bar
		-------------------------------------------------- */

		.no-mob, .no-mob-all {
			display: none !important;
		}

		.mob-only, .mob-only-all {
			display: block !important;
		}

			.mob-only.inline {
				display: inline !important;
			}
		.twoCol,
		.threeCol {
			column-count: 2;
			column-gap: 20px;
		}

		td.hidden {
			display: table-cell !important;
		}

		p {
			margin-right: 0;
		}

		hr {
			padding-top: 12px;
			margin: 0 0 30px;
		}

		.ccShieldLink {
			background: url('../../images/sprite.png') no-repeat 0 -200px;
			background-size: 250px 250px;
			width: 18px;
			height: 18px;
		}

		ul.doclist {
			float: left;
		}

		#summaryWrap p {
			text-align: center;
		}

		input[type="text"], input[type="password"], input[type="email"], textarea, select {
			width: 100%;
		}

		.tableHolder,
		.schedule .match {
			width: 100% !important;
			padding: 0;
		}

		.schedule p.icon.toggle {
			top: auto;
			bottom: 0;
		}

		.matchLabelH {
			margin-top: 20px
		}

		.infogrid th, .infogrid td {
			padding: 6px;
		}

			.infogrid th.damageImg {
				width: 80px
			}

		.infogrid img {
			max-width: 100%;
		}

			.infogrid img.assured {
				max-width: 60px;
			}

		/* stack tables */

		.infogrid.stack, .infogrid.stack tr {
			;
			border: none;
		}

		.infogrid tr:nth-child(even) {
			background-color: #fff;
		}

		.infogrid.stack img {
			max-width: 100px;
			clear: both;
			float: left;
			margin-bottom: 2px;
			margin-right: 8px;
		}

		.infogrid.stack th, .infogrid.stack .extras {
			display: none;
		}

		.infogrid.stack td {
			display: block;
			text-align: left;
			border-left: 1px solid #ccc;
			border-bottom: 1px dashed #ccc;
			background: #f3f3f3 !important;
			padding: 8px 10px;
		}

			.infogrid.stack td:first-child {
				border-top: 1px solid #ccc;
			}

			.infogrid.stack td.bottom {
				margin-bottom: 20px !important;
				border-bottom: 1px solid #ccc;
			}

				.infogrid.stack td.bottom br {
					display: none;
				}

				.infogrid.stack td.bottom strong {
					color: #008747;
				}

				.infogrid.stack td.bottom span {
					margin-right: 10px;
				}

			.infogrid.stack td:before {
				content: attr(data-label);
				float: left;
				text-transform: uppercase;
				font-weight: bold;
				margin-right: 10px;
				color: #000
			}

			.infogrid.stack td.full-width:before {
				width: 100%;
				text-align: left;
				padding-bottom: 5px;
			}

			.infogrid.stack td .button {
				margin-right: 5px !important;
				margin-bottom: 0;
			}

		.infogrid.stack span.lot:before {
			content: attr(data-label);
			float: left;
			font-weight: 600;
			margin-right: 10px;
			color: #000
		}

		.aucgrid tr td.location::before {
			display: none;
		}

		/* rate table */

		.rategrid th, .rategrid td {
			padding: 10px 5px;
		}

		.rategrid input, .rategrid a {
			padding-left: 5px;
			padding-right: 5px;
			min-width: 25px;
		}

		#breadcrumbWrap .twelve.columns {
			padding: 0 0 16px;
			border-top: none;
		}

		.wrap {
			padding: 40px 0 25px;
		}
		#marketingWrap .infoHolder,
		#marketingWrap.reverse .infoHolder {
			margin: 0;
			width: 100%
		}

		/*#marketingWrap figure {
			max-width: 240px;
			max-height: 120px;
			margin-bottom: 0;
		}*/

		#marketingWrap .imageBg,
		#marketingWrap.reverse .imageBg {
			position: absolute;
			right: 0;
			top: 0;
			width: 100%;
			height: 100%;
			filter: brightness(0.3);
			-webkit-clip-path: none;
			clip-path: none;
		}

		#contentWrap {
			padding: 30px 0 45px;
		}

			#contentWrap.loginImage {
				background: #fff;
			}

		/*#searchFilters {
			display: none;
		}*/

		#logo {
			width: 120px;
		}
			#logo a {
				background: url(../../images/logo.svg) no-repeat 0 0;
				width: 120px;
				height: 45px;
			}

		p.strapline {
			display: none;
			text-align: center !important;
			margin-top: 10px;
			margin-bottom: 0;
		}

		ul.tabNavigation {
			border: none;
			margin-bottom: 30px;
			clear: both;
		}

			ul.tabNavigation li {
				display: block;
				width: calc(50% - 5px);
				float: left;
				margin: 0 10px 10px 0 !important
			}

				ul.tabNavigation li:nth-child(even) {
					margin-right: 0 !important
				}

				ul.tabNavigation li a {
					border: none;
					border-radius: 5px 5px 0 0;
					padding: 10px;
				}

					ul.tabNavigation li a:hover {
						border: none;
						box-shadow: inset 0px 0px 2px 0px rgba(67,62,58,0.9);
					}

					ul.tabNavigation li a.selected {
						border: none;
					}

		img {
			margin-bottom: 20px;
		}

		#accountBtn img {
			max-width: 16px;
			margin-bottom: 0;
			transform: translateY(-2px);
		}

		#social {
			margin-top: 6px;
			float: left;
		}

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

			.accServices img.scale {
				max-width: 30% !important;
				margin: 0 auto 20px !important;
			}

		.office {
			margin-bottom: 25px !important;
		}

		.feature p {
			margin-right: 0;
			margin-left: 0;
		}

		.dashMod {
			padding: 5px;
		}

			.dashMod h4 {
				margin-top: 10px;
			}

		#gMap {
			height: 400px;
		}

		#twitter li {
			width: 100%;
			margin-right: 0;
		}

		#twitter .interact {
			margin-bottom: 20px;
		}

		/* side nav */

		#mainContent {
			margin-top: 30px;
		}

		ul.subNav {
			/*border-top: 1px solid #008747;*/
			flex-direction: column;
		}

		.subNav {
			display: none;
			height: auto;
			padding: 0 !important;
			margin: 0 !important;
			text-align: left !important;
		}

			.subNav li {
				display: block;
				margin: 0;
			}

				.subNav li a, .subNav li a.selected {
					display: block;
					width: auto;
					color: #008747;
					border-top: none;
					border-bottom: none;
					padding: 13px 0 12px 10px !important;
					background: #dae2d0;
				}

				.subNav li.selected a {
					background: #fff;
					color: #000;
					border-top: 1px solid #ccc;
				}

				.subNav li a:hover {
					background: #fff;
					color: #333;
					border-right: none;
					border-top: 1px solid #bbb
				}

				.subNav li:first-child a {
					border-top: none;
				}

				.subNav li:last-child {
					border-bottom: none;
				}


		#sideBar a#pull {
			display: block;
			position: relative;
			height: 40px;
			line-height: 27px;
			color: #008747;
			margin-bottom: 20px;
			text-decoration: none;
			border-bottom: 2px solid #008747;
		}

			#sideBar a#pull:after {
				font-size: 1em;
				text-transform: uppercase;
				content: "Also in this section";
				display: block;
				position: relative;
				left: 0px;
				top: 3px;
				background: url(/images/nav-arrow.png) right center no-repeat;
				background-size: 18px 15px;
			}

		.subNav:after {
			display: none;
		}

		.notification a:first-child {
			display: inline-block;
			width: calc(100% - 50px)
		}

		#videoWrap .twelve {
			position: relative !important;
			top: auto !important;
			transform: none !important;
		}

		.logoHolder {
			width: 50% !important;
			margin: 30px 25% 0 !important;
		}

		.notification a {
			font-size: 0.9em;
		}

		#videoWrap.white {
			padding: 20px 0 0;
			background: linear-gradient(180deg, rgba(122,192,159,1) 0%, rgba(248,251,250,1) 53%, rgba(255,255,255,1) 100%);
		}

			#videoWrap.white .overlay {
				height: 53%;
			}

		#videoWrap .strapHolder p {
			font-size: 1.8em;
			margin: 0 0 25px;
		}

		#videoWrap a.pill {
			margin-bottom: 15px;
		}

		#scheduleWrap h1 {
			font-size: 1.8em;
			text-transform: none;
		}

		.scheduleRow {
			flex-wrap: wrap;
			align-items: flex-start;
		}

			.scheduleRow .time {
				flex: 0 0 calc(50% - 30px);
				order: 2;
			}

			.scheduleRow .location {
				flex: 0 0 100%;
				order: 1;
				margin-bottom: 10px;
				font-size: 1.1em;
			}

			.scheduleRow .action {
				flex: 0 0 calc(50% - 10px);
				order: 3;
			}

				.scheduleRow .action a {
					padding: 5px 10px 4px;
				}

		#promoWrap {
			background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 100%);
		}

		.promoHolder {
			margin-left: 0;
			margin-right: 0;
		}

		.promo {
			flex: 1 1 100%;
		}

		.iconHolder .icon,
		.iconHolder .icon:first-child:nth-last-child(5),
		.iconHolder .icon:first-child:nth-last-child(5) ~ .icon,
		.iconHolder .icon:first-child:nth-last-child(9),
		.iconHolder .icon:first-child:nth-last-child(9) ~ .icon,
		.iconHolder .icon:first-child:nth-last-child(10),
		.iconHolder .icon:first-child:nth-last-child(10) ~ .icon {
			flex: 0 0 calc(33% - 40px);
		}

		.adHolder {
			margin-bottom: 40px !important;
		}

		.logoHolder {
			display: flex;
			justify-content: center;
			align-items: center;
			column-gap: 10%;
			margin-bottom: 30px;
		}

			.logoHolder img {
				max-height: 50px;
			}

		.feature {
			margin-bottom: 25px;
			border-bottom: 1px solid #ddd;
		}

			.feature:last-child {
				margin-bottom: 5px;
				border-bottom: none;
			}

		#featureWrap, #secondaryWrap {
			background-size: cover
		}
		.imgCardHolder,
		.imgCardHolder.reverse {
			display: block;
			flex-direction: unset;
		}
		.bulletPod figure,
		.imgCardHolder .imageHolder,
		.news .imgCardHolder .imageHolder {
			position: relative;
			top: auto;
			right: auto;
			aspect-ratio: 3 / 2;
			width: 100%;
		}
		.bulletPod dl,
		.imgCardHolder .textHolder,
		.news .imgCardHolder .textHolder {
			width: 100%;
		}
		.bulletPod dl {
			margin-bottom: 40px;
		}
		/*.logoGrid {
			margin-bottom: 30px;
		}*/
		.cardHolder.triple .card {
			grid-column: auto / span 6;
		}
		.cardHolder.triple:not(.fours) .card:nth-child(3n) {
			grid-column: auto / span 12;
		}
		#secondaryWrap {
			padding-bottom: 50px
		}

		#footerWrap {
			padding-top: 35px;
		}

			#footerWrap p, #footerWrap li {
				font-size: 12px;
				line-height: 20px;
			}

			#footerWrap .car {
				width: 160px;
				margin-top: -75px;
				right: 20px;
			}

			#footerWrap img.tall {
				max-width: 50px;
			}

			#footerWrap img.wide {
				max-width: 85px;
			}

		.termsBox {
			margin-bottom: 20px;
		}
	}
	/* Mobile Landscape Size to Tablet Portrait  */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#headerWrap {
			padding: 15px 10px;
		}

		img.insetL, img.insetR {
			float: left;
			margin: 0 30px 10px 0;
		}

		.termsBox {
			height: 50vH;
		}

		.map {
			left: 50%;
			transform: scale(0.9) translateX(-70%);
		}
	}
	/* Mobile Portrait Size to Mobile Landscape Size  */
	@media only screen and (max-width: 479px) {

		#headerWrap {
			display: block;
			padding: 10px
		}

		#headerWrap .container {
			flex-wrap: wrap;
		}
		.twoCol,
		.threeCol {
			column-count: 1;
			column-gap: 0;
		}
		.no-mob-p {
			display: none !important;
		}

		.mob-only-p {
			display: block !important;
		}

			.mob-only-p.inline {
				display: inline !important;
			}

		img.insetL, img.insetR {
			max-width: 100% !important;
			box-sizing: border-box;
			margin: 0 0 30px;
		}

		ul.pagination li.showing {
			display: block;
			margin-bottom: 20px;
			width: 100%;
		}

		ul.tabNavigation li a {
			padding: 8px 8px 6px;
		}

		input[type="text"], input.short, input.short.offer, input[type="password"], input[type="email"], textarea, select {
			width: 100% !important;
			margin-right: 0 !important;
		}

		input.damage {
			width: 90px !important;
		}

		#summaryWrap p {
			font-size: 11px;
		}

		#summaryWrap a.searchBtn {
			display: inline-block;
			vertical-align: middle;
			width: 17px;
			height: 16px;
			background: url(../../images/sprite.png) no-repeat -166px -90px;
			background-size: 333px 333px;
			margin: 0 10px 0 5px;
		}

		.login, .register {
			margin-right: 12px;
		}

			.register::before {
				display: none;
			}

		.callOut ul {
			margin-left: 20px;
		}

		.infogrid span.banner {
			width: 161px;
		}

		.termsBox {
			height: 60vH;
		}

		.map {
			left: 50%;
			transform: scale(0.8) translateX(-72%);
		}

		.schedule a.button.yaya.full-width {
			width: 100%;
		}

		.scheduleRow .location {
			font-size: 0.875em;
		}

		.iconHolder {
			column-gap: 10px;
			margin-left: 0;
			margin-right: 0;
		}

			.iconHolder .icon,
			.iconHolder .icon:first-child:nth-last-child(5),
			.iconHolder .icon:first-child:nth-last-child(5) ~ .icon,
			.iconHolder .icon:first-child:nth-last-child(9),
			.iconHolder .icon:first-child:nth-last-child(9) ~ .icon,
			.iconHolder .icon:first-child:nth-last-child(10),
			.iconHolder .icon:first-child:nth-last-child(10) ~ .icon {
				flex: 0 0 calc(50% - 15px);
				padding: 15px 5px 10px;
				margin-bottom: 10px;
				font-size: 0.85em;
				line-height: 1.4;
			}

				.iconHolder .icon img {
					max-width: 40px;
				}

		.cardHolder .card {
			grid-column: auto / span 12;
			padding: 2.5em 1.5em 1.5em;
		}
		.cardHolder.triple.fours .card,
		.cardHolder.triple .card {
			grid-column: auto / span 12;
		}
		.cardHolder.five {
			grid-template-columns: repeat(5,1fr);
		}
			.cardHolder.five .card,
			.cardHolder.five .card:nth-child(4n),
			.cardHolder.five .card:nth-child(5n) {
				grid-column: auto / span 5;
			}

		/*.logoGrid {
			grid-template-columns: repeat(4,1fr);
		}*/

		#footerWrap #social {
			width: 100%;
		}

			#footerWrap #social li:last-child {
				float: right;
			}

		.logoGrid .logo {
			margin: 0 15px 15px 0;
		}
		.logoGrid .logo img {
			max-height: 55px;
			margin: 0;
		}
		.logoGrid .logo.wide img {
			max-height: 30px;
		}
	}