/*  Reset  */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
* html .clearfix{height:1%;overflow:visible;}*+html .clearfix{min-height:1%;}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;}

/*
—————————————————————
Fonts
—————————————————————
*/
@font-face {
	font-family:'fa-solid';
	src:url('/CSS/Fonts/fa-solid-900.woff2?update=1') format('woff2');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'fa-light';
	src:url('/CSS/Fonts/fa-light-300.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'fa-brands';
	src:url('/CSS/Fonts/fa-brands-400.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}

/*
—————————————————————
Global
—————————————————————
*/
html {
	font:400 16px/1.5 'Nunito Sans', 'DM Sans', sans-serif;
	color:#333;
	background:#e9e9e8;
	min-width:320px;
}
body {
	background-color:#fff;
	position:relative;
	max-width:2560px;
	margin:auto;
	box-sizing:border-box;
}
* {
	box-sizing:inherit;
}
a {
	text-decoration:none;
	color:inherit;
}
p {
	margin-bottom:1em;
}
p:last-child {
	margin-bottom:0;
}
p.standfirst {
	font-size:1.2em;
}
h1 {
	font:500 2.6em/1.1 'DM Sans';
	margin-bottom:0.6em;
}
h1:last-child {
	margin-bottom:0;
}
h1 .light {
	opacity:0.4;
}
h1.center, h2.center, h3.center, p.center {
	text-align:center;
}
h1 .large {
	font-size:1.25em;
}
h1 .small {
	font-size:0.75em;
}
h2 {
	font:500 1.5625em/1.15 'DM Sans';
	margin:1.2em 0 0.7em 0;
}
h2.divider {
	text-align:center;
	position:relative;
	font-size:1.9em;
	padding-bottom:0.5em;
	margin-bottom:1.5em;
}
h2.divider-large {
	font-size:2.6em;
	margin-bottom:0.9em;
}
h2.divider:after {
	content:'';
	width:10em;
	height:2px;
	position:absolute;
	bottom:0; left:calc(50% - 5em);
	background:linear-gradient(to right, rgba(0,0,0,0), #d5d5d4, rgba(0,0,0,0));
}
h2.event-subheading {
	margin-top:-0.7em;
	display:none;
}
h2.enquiry-subheading {
	margin-top:-0.7em;
}
h3 {
	font:500 1.3em/1.25 'DM Sans';
	margin:1.1em 0 0.7em 0;
}
h2:first-child,
h3:first-child {
	margin-top:0;
}
h4 {
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0.7em;
}
strong {
	font-weight:bold;
}
p em, address em {
	font-style:italic;
	font-weight:inherit;
}
.nowrap {
	white-space:nowrap;
}
.content {
	max-width:1650px;
	padding:3em;
	margin:auto;
	position:relative;
	box-sizing:border-box;
}
.intro {
	margin:auto;
	max-width:50em;
	text-align:center;
}
.dropcap > p:first-of-type:first-letter {
	float:left;
	padding:0 0.1em 0 0;
	font-family:'DM Sans';
	font-size:2.9em;
	line-height:1.2;
	margin-bottom:-0.2em;
}
a {
	color:#244a6f;
}
#profile-content-main a {
	border-bottom:2px solid #59bdc3; 
}
#content-wrapper {
	background:#f1f1f0;
	border-top:0.8125em solid #d5d5d4;
	border-bottom:0.8125em solid #d5d5d4;
}
.tinted {
	background:#f1f1f0;
}
.white-page #content-wrapper {
	background:#fff !important;
}
.fancybox-bg {
	background:#fff !important;
}
.fancybox-image {
	border-radius:7px !important;
}

/*
—————————————————————
Breadcrumb
—————————————————————
*/
.breadcrumb-wrapper {
	margin-top:-0.8em;
}
.breadcrumb {
	float:left;
	font-size:0.875em;
	font-family:'DM Sans';
	font-weight:500;
	margin-left:2rem;
}
.breadcrumb * {
	display:inline-block;
	vertical-align:top;
	line-height:2.1rem;
}
.breadcrumb .trail {
	margin:0 0.2em;
}
.breadcrumb .trail:before {
	content:'\f054';
	font-family:fa-solid;
	font-size:0.7em;
	color:#bbb;
	display:inline-block;
	width:0.8em;
	text-align:center;
}
.breadcrumb a.edit {
	margin:0.5em 0 0 0.7em;
	color:inherit;
	background:#fff;
	border-radius:5px;
	padding:0 0.8em;
	line-height:1.3rem;
}
.article-breadcrumb {
	display:none;
}
.profile-tabs {
	float:right;
	margin-right:4em;
	font-weight:500;
	font-family:'DM Sans';
	text-transform:lowercase;
}
.profile-tabs li {
	float:left;
}
.profile-tabs a {
	display:block;
	line-height:2.2em;
	padding:0 1.2em;
	border-radius:5px 5px 0 0;
	color:#5b798e;
	background:#cbdae0;
}
.profile-tabs li.active a {
	background:#fff;
}

/*
—————————————————————
Header
—————————————————————
*/
#header {
	height:8em;
}
#header-wrapper, #header {
	background:#fff;
}
#header {
	height:8em;
	position:relative;
}
#logo {
	position:absolute;
	bottom:1.7em; left:3em;
	width:6.976em;
	height:4.6em;
	background:url(/Images/logo-vf.png) no-repeat;
	background-size:100%;
}
#logo strong {
	font-family:'DM Sans';
	font-size:1.2em;
	font-weight:500;
	font-variant-ligatures:no-common-ligatures;
	line-height:1;
	position:absolute;
	bottom:-0.1em;
	left:calc(100% - 0.5em);
}
#nav {
	position:absolute;
	bottom:0; right:8em;
	font-family:'DM Sans';
	font-size:1.2em;
	font-weight:500;
	text-transform:lowercase;
}
#nav li {
	float:left;
	position:relative;
}
#nav li:after {
	content:'';
	position:absolute;
	width:2px;
	height:100%;
	top:0; right:0;
	background:#cbdae0;
	transform:skew(-15deg);
}
#nav li.last:after {
	display:none;
}
#nav li.mobile-only {
	display:none;
}
#nav a {
	display:block;
	padding:0.3em 1.2em 1.05em 1.2em;
	position:relative;
	transition:color 150ms linear;
}
#nav a:before {
	content:'';
	position:absolute;
	top:2em; left:50%;
	width:0;
	height:3px;
	background:#e2e2e2;
	transition:all 150ms linear;
	display:none !important;
}
#nav a:hover:before,
#nav a:focus:before,
#nav li.active a:before {
	width:calc(100% - 2.4em);
	left:1.2em;
}
#nav a.parent:before {
	display:none;
}
#nav a:focus:before,
#nav li.active a:before,
#nav li.active a.parent:before {
	display:block;
	background:#d9d9d9;
}
#nav li.active a,
#nav a:hover {
	color:#59bdc3;
}
#nav a:active:before {
	background:#bbb;
}
#nav a.parent {
	position:relative;
	z-index:2;
}
#nav a.parent:after {
	display:inline-block;
	content:'\f078';
	font-family:fa-solid;
	width:1em;
	height:1.3em;
	font-size:0.7em;
	margin-left:0.5em;
	transition:transform linear 150ms;
}
#nav li ul {
	display:none;
	width:100%;
	position:absolute;
	top:2.1em; left:0;
	background:#fff;
	z-index:1;
	padding:0.6em 0;
	box-shadow:0 0 10px rgba(0,0,0,0.12);
}
#nav li.parent:hover a.parent {
	color:#fff;
	background:linear-gradient(135deg, #e33, #d70066);
}
#nav li.parent:hover a.parent:after {
	transform:rotate(180deg);
}
#nav li.parent:hover ul {
	display:block;
}
#nav li.parent:hover a:before {
	display:none;
}
#nav li ul a:before {
	display:none;
}
#nav li ul li {
	float:none;
}
#nav li ul a {
	white-space:nowrap;
	font-size:1rem;
	padding:0.2em 1.35em;
}
#nav li ul a:hover {
	color:#f04;
}
#nav li ul a:focus {
	background:#f5f5f4;
}
#nav .search-icon span {
	display:none;
}
#nav .search-icon:after {
	display:inline-block;
	width:1.5em;
	content:'\f002';
	font-family:fa-solid;
	font-size:0.95em;
	text-align:center;
}
#menu, #close-menu {
	display:none;
}

/*
—————————————————————
Footer
—————————————————————
*/
#footer-nav a {
	color:inherit;
}
#logo-footer {
	margin:1.8em auto 2em auto;
	width:3.5em;
	height:2.308em;
	background:url(/Images/logo-vf.png) no-repeat;
	background-size:100%;
}
#directory-logos li {
	display:inline-block;
	text-align:center;
	margin:0 1.5em;
}
#footer-nav {
	text-align:center;
}
#footer-nav li {
	display:inline-block;
	margin:0 0.8em;
}
.back-top {
	position:absolute;
	top:-1.8rem; left:calc(50% - 4rem);
	width:8rem;
	height:2.8rem;
	color:#fff;
	background:#d5d5d4;
	text-align:center;
	line-height:2.8rem;
	font-size:1.2em;
	cursor:pointer;
	transform:skew(-15deg);
	border-radius:3px;
}
.back-top:after {
    content: '\f077';
	font-family: fa-solid;
	display:inline-block;
	transform:skew(15deg);
}

/*
—————————————————————
Footer Links
—————————————————————
*/
.footer-links {
	color:rgba(255,255,255,0.75);
	background:#122b49;
	text-align:center;
	font-size:0.875em;
}
.footer-links-column {
	display:inline-block;
	width:24%;
	max-width:20em;
	text-align:left;
	vertical-align:top;
}
.footer-links-column a {
	color:inherit;
}
.footer-links-column a:hover {
	color:#fff;
}

/*
—————————————————————
Lists
—————————————————————
*/
ul.bullet {
	padding-left:1.3em;
	margin:0 0 1.2em 1.3em;
}
ul.bullet:last-child {
	margin-bottom:0;
}
ul.bullet li {
	list-style-type:none;
	margin-bottom:0.5em;
}
ul.bullet li:before {
	display:inline-block;
	font-family:Arial,sans-serif;
	content:'\25cf';
	color:#244a6f;
	font-size:0.9em;
	width:1.3em;
	margin-left:-1.3em;
	position:relative;
	top:-0.1em;
}
ul.links {
	line-height:1.1;
	column-count:2;
	column-width:15em;
	column-gap:3em;
	max-width:36em;
	margin-bottom:2em;
}
ul.links li {
	margin-bottom:0.8em;
	padding-bottom:2px;
	break-inside:avoid;
}
ol {
	padding-left:1.3em;
	margin:0 0 1.2em 1.3em;
}
ol li {
	list-style:decimal outside;
	padding-left:0.5em;
	margin-bottom:0.4em;
}
ol.alpha li {
	list-style:lower-alpha outside;
}

/*
———————————————————————
Buttons
———————————————————————
*/
.button-wrapper {
	display:inline-block;
	position:relative;
	margin:1em 0 0 0;
	height:2.2rem;
}
.button-wrapper:after {
	content:'';
	background:#ccc;
	position:absolute;
	z-index:1;
	top:0; left:0;
	width:100%;
	height:100%;
	transform:skew(-15deg);
	border-radius:3px;
	transition:background-color 100ms;
}
.button {
	-webkit-appearance:none;
	display:block;
	font:500 1.1rem/2 'DM Sans';
	height:2em;
	color:#fff !important;
	background:none;
	border:0;
	outline:0;
	padding:0 1.2em;
	cursor:pointer;
	position:relative;
	z-index:2;
}
.button-small {
	height:1.75rem;
}
.button-small .button {
	font-size:0.875rem;
}
.back-button .button:before {
	content:'\f104';
	font-family:fa-light;
	display:inline-block;
	width:1em;
	text-align:left;
}
.lozenge-button {
	display:inline-block;
	font:500 0.875rem/2 'DM Sans';
	padding:0 1em;
	border-radius:1em;
	color:#fff !important;
	background:#b89468;
	text-decoration:none !important;
	transition:opacity 100ms;
}
.lozenge-button:hover {
	opacity:0.85;
}
.vf .lozenge-button {
	background:#59bdc3;
}

/*
———————————————————————
Tables
———————————————————————
*/
table {
	width:100%;
}
th.center, td.center {
	text-align:center;
}
th {
	padding-bottom:0.3em;
	font-weight:bold;
}
td {
	padding:0.2em 0;
	border-top:1px solid #ddd;
}

/*
—————————————————————
Global Search
—————————————————————
*/
#global-search {
	background:#f1f1f0;
	position:relative;
	z-index:4;
	padding:2em 1.2em 1.1875em 1.2em;
	display:none;
}
#global-search .content {
	height:100%;
}
#search-input {
	position:absolute;
	width:40em;
	height:3em;
	top:calc(50% - 1.5em);
	left:calc(50% - 20em);
	z-index:1;
	padding:0 4px 0 0.5em;
}
#search-input:before {
	content:'';
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	background:#fff;
	transform:skew(-15deg);
	border-radius:5px;
	z-index:-1;
}
#search-input input.search-text {
	float:left;
	height:3em;
	background:none;
	-webkit-appearance:none;
	border:0;
	outline:0;
	box-sizing:border-box;
	width:calc(100% - 5em);
	padding:1em;
	line-height:1em;
}
#search-input .button-wrapper {
	float:right;
	margin:4px 0 0 0;
	height:calc(3em - 8px);
	width:5em;
}
#search-input .button {
	font-family:fa-solid;
	width:100%;
	height:calc(3em - 8px);
	line-height:calc(3em - 8px);
}
#suggestions {
	background:#fff;
	padding:1.2em 1.2em 0.5em 1.2em;
	display:none;
	width:calc(100% - 7em);
	max-height:500px;
	overflow-y:auto;
	box-sizing:border-box;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	position:absolute;
	top:calc(3em + 3px);
	border-radius:5px;
}
#suggestions h3 {
	color:#b3cbd4;
	font-size:1.2em;
	margin:0.7em 0 0.6em 0;
	border-top:2px solid #cbdae0;
	padding-top:1em;
	cursor:default;
}
#suggestions h3:first-child {
	margin-top:0;
	border-top:0;
	padding-top:0;
}
#suggestions a {
	display:block;
	position:relative;
	padding:0.5em 1.2em;
	line-height:1.2em;
	outline:none;
	color:inherit;
	margin:0 -1.2em;
	transition:background-color 150ms;
}
#suggestions a.has-image {
	height:4em;
}
#suggestions li.selected a {
	background:#f5f5f4;
}
#suggestions li.selected a:active {
	background:#eeeeed;
}
#suggestions strong {
	display:block;
	font-size:0.9375em;
}
#suggestions a.has-image strong {
	margin-top:0.4em;
	font-size:1em;
}
#suggestions span {
	color:#888;
	font-size:0.8125em;
}
#suggestions img {
	float:left;
	width:5em;
	height:3em;
	background:#dee1dc;
	margin-right:0.8em;
	border-radius:3px;
}
#suggestions .suggest-people img {
	border-radius:50%;
}

/*
—————————————————————
Home Page
—————————————————————
*/
#home-landing {
	width:0; height:0;
	padding:15% 50%;
	position:relative;
	margin-bottom:3em;
}
#home-landing-hero-wrapper {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
}
#home-drivers-wrapper {
	position:absolute;
	bottom:-7%; left:0;
	width:100%;
	height:29.1666%;
}
#home-drivers {
	width:90%;
	max-width:1500px;
	padding-left:2em;
	margin:auto;
}
#home-drivers li {
	float:left;
	width:calc(50% - 2em);
	margin-right:2em;
}
#home-drivers a {
	display:block;
	padding:12% 50%;
	width:0;
	height:0;
	position:relative;
	background:#fff;
	transform:skew(-15deg);
	z-index:1;
	box-shadow:0 0 8px rgba(0,0,0,0.1);
    border-radius:3px;
    overflow:hidden;
}
#home-drivers .text {
	position:absolute;
	top:0%; left:0;
	width:100%;
	height:100%;
	padding:1.5em 2.5em;
}
#home-drivers .text h2 {
	transform:skew(15deg);
	font-size:2.6em;
	margin-bottom:0.1em;
}
#home-drivers .text h3 {
	transform:skew(15deg);
	margin:0;
}
#home-drivers .button-wrapper {
	transform: skew(15deg);
	position:absolute;
	bottom:0; right:0;
}
#home-drivers .button-wrapper:after {
	border-radius:3px 0 0 0;
}
#home-drivers .button-wrapper {
	height:3.5em;
	margin:0;
}
#home-drivers .button {
	font-size:1.4em;
	line-height:2.5;
	padding:0 2.4em;
}







#featured {
	text-align:center;
	width:calc(100% + 2em);
	margin:2em 2em 0 0;
}
#featured li {
	float:left;
	width:calc(50% - 2em);
	margin:0 2em 2em 0;
}
#featured a {
	display:block;
	width:0; height:0;
	padding:calc(30% + 3em) 50%;
	position:relative;
	color:#444;
	background:#fff;
	border-radius:8px;
	overflow:hidden;
	text-align:center;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
}
#featured img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:calc(100% - 6em);
}
#featured .text {
	position:absolute;
	bottom:0; left:0;
	width:100%;
	height:6em;
	padding:1.1em;
}
#featured h3 {
	font-size:1.6em;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:0.2em;
}

/*
—————————————————————
Section Selector
—————————————————————
*/
#section-drivers {
	margin:3em auto 4em auto;
	max-width:90%;
	padding-left:2em;
}
#section-drivers li {
	float:left;
	width:calc(50% - 2em);
	margin-right:2em;
}
#section-drivers a {
	display:block;
	padding:33.333% 50%;
	width:0;
	height:0;
	position:relative;
	background:#fff;
	transform:skew(-15deg);
	z-index:1;
	box-shadow:0 0 8px rgba(0,0,0,0.1);
    border-radius:3px;
    overflow:hidden;
}
#section-drivers img {
	position:absolute;
	top:0; left:-7.5%;
	width:115%;
	height:68.97%;
	transform:skew(15deg);
}
#section-drivers .text {
	position:absolute;
	top:68.97%; left:0;
	width:100%;
	height:31.03%;
	padding:1.5em 2.5em;
}
#section-drivers .text h2 {
	transform:skew(15deg);
	font-size:2.6em;
	margin-bottom:0.1em;
}
#section-drivers .text h3 {
	transform:skew(15deg);
	margin:0;
}
#section-drivers .button-wrapper {
	transform: skew(15deg);
	position:absolute;
	bottom:0; right:0;
}
#section-drivers .button-wrapper:after {
	border-radius:3px 0 0 0;
}
#section-drivers .button-wrapper {
	height:2.8em;
	margin:0;
}
#section-drivers .button {
	font-size:1.4em;
	padding:0 2.4em;
}
#section-trending {
	margin-bottom:8em;
}
.section-trending-item {
	margin-bottom:5em;
}
.section-trending-item .content {
	padding:0;
}
.section-trending-hero {
	background:#b3cbd4;
}
.section-trending-wedding {
	background:#d4c8c7;
}
.section-trending-hero-content {
	width:70%;
	margin:0 auto 1.5em auto;
	margin-bottom:1.5em;
	position:relative;
}
.section-trending-hero a {
	display:block;
	width:0;
	height:0;
	padding:16.5% 50%;
	position:relative;
	transform:skew(-15deg);
	background:#e7ecf0;
}
.section-trending-wedding a {
	background:#efe9e7;
}
.section-trending-hero .image-wrapper {
	position:absolute;
	top:0; left:0;
	width:50%;
	height:100%;
	overflow:hidden;
}
.section-trending-hero h2 {
	font-size:4.6em;
	line-height:0.85;
	position:absolute;
	bottom:0.5em; left:0.7em;
	transform:skew(15deg);
	z-index:1;
	margin:0;
	font-weight:bold;
	color:#fff;
	text-shadow:0 0 0.2em rgba(0,0,0,0.3);
}
.section-trending-hero img {
	position:absolute;
	top:0; left:0;
	width:118%;
	margin-left:-9%;
	height:100%;
	transform:skew(15deg);
}
.section-trending-hero .text {
	transform:skew(15deg);
	position:absolute;
	top:30%; right:7%;
	width:40%;
	font-size:1.2em;
}
.section-trending-hero .text:before {
	content:'';
	float:left;
	width:3.5em;
	height:13em;
	-webkit-shape-outside:polygon(0 0, 100% 0, 0 100%);
	shape-outside:polygon(0 0, 100% 0, 0 100%);
	-webkit-clip-path:polygon(0 0, 100% 0, 0 100%);
	clip-path:polygon(0 0, 100% 0, 0 100%);
}
.section-trending-hero .button-go {
	position:absolute;
	bottom:0; right:0;
	color:#fff;
	font-family:'DM Sans';
	background:#59bdc3;
	width:10em;
	height:3.2em;
	text-align:center;
	display:flex;
	align-items:center;
    border-radius:4px 0 4px 0;
}
.section-trending-wedding .button-go {
	background:#c2828b;
}
.section-trending-wedding .text p {
	color:#935664;
}
.section-trending-hero .button-go span {
	width:100%;
	font-size:1.4em;
	font-weight:500;
	transform:skew(15deg);
}
#section-trending .drivers {
	width:50%;
	margin:auto;
}
#section-trending li {
	float:left;
	width:calc(25% - 1.5em);
	margin:0 0.75em;
}
#section-trending li a {
	display:block;
	width:0;
	height:0;
	padding:33% 50%;
	position:relative;
	transform:skew(-15deg);
	overflow:hidden;
	border-radius:3px;
}
#section-trending li img {
	position:absolute;
	top:0; left:0;
	width:117.333%;
	margin-left:-8.666%;
	height:100%;
	transform:skew(15deg);
}

/*
—————————————————————
Section Landing Page
—————————————————————
*/
#section-hero-outer {
	background:#c3c3c2;
	padding:0 6em;
	margin-bottom:1em;
}
#section-hero-inner {
	max-width:1470px;
	margin:auto;
}
#section-hero {
	width:0;
	height:0;
	padding:16.55% 50%;
	position:relative;
}
#section-hero .image-wrapper {
	position:absolute;
	top:0; left:0;
	width:58%;
	height:100.1%;
	transform:skew(-15deg);
	overflow:hidden;
	border-left:0.8em solid #f1f1f0;
}
#section-hero img {
	position:absolute;
	top:0; left:calc(-7.5% - 0.8em);
	width:calc(115% + 1.6em);
	height:100%;
	transform:skew(15deg);
}
#drivers {
	position:absolute;
	top:0; right:0;
	width:42.2%;
	height:calc(100% + 0.8em);
	margin-bottom:-0.8em;
	background:#f1f1f0;
	transform:skew(-15deg);
	z-index:1;
	padding-left:1em;
}
#drivers li {
	float:left;
	width:calc(50% - 0.8em);
	height:calc(33.333% - 0.8em);
	margin:0 0.8em 0.8em 0;
}
#drivers a {
	display:block;
	background:#fff;
	width:100%;
	height:100%;
	position:relative;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
	border-radius:4px;
}
#drivers div {
	position:absolute;
	bottom:1.5em; left:1.5em;
	transform:skew(15deg);
}
#drivers span {
	display:block;
	font-size:2.8em;
	font-family:fa-light;
	color:#c3c3c2;
	margin-left:0.5em;
}
#drivers strong {
	display:block;
	font-family:'DM Sans';
	font-size:1.3em;
	font-weight:500;
	text-transform:lowercase;
}

/*
—————————————————————
Search
—————————————————————
*/
.search-wrapper .content {
	padding:0.6em 0 0 0;
}
#search {
	height:3em;
	background:#fff;
	max-width:1000px;
	margin:auto;
	position:relative;
	z-index:3;
	left:-0.6em;
}
#search:before {
	content:'';
	background:#fff;
	transform:skew(-15deg);
	position:absolute;
	top:0; left:-1em;
	width:calc(100% + 2em);
	height:100%;
	padding:0 5px 0 1em;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
	border-radius:4px;
}
.search-field {
	float:left;
	width:42%;
	position:relative;
	border-right:1px solid #ccc;
	height:3em;
	padding:2px 1px 2px 2px;
}
.search-field:nth-child(2) {
	border:0;
}
.search-field:before {
	content:'\f002';
	position:absolute;
	top:0.9rem; left:0.9rem;
	font:1.8em/1.2rem fa-light;
	pointer-events:none;
	color:#b3cbd4;
}
.search-location:before {
	content:'\f3c5';
}
.search-keyword:before {
	content:'\f002';
}
.search-field label {
	display:none;
}
.search-field input.text, .search-value {
	display:block;
	width:100%;
	height:100%;
	border:0;
	padding-left:3em;
	line-height:calc(3em - 4px);
	outline:0;
}
.select {
	cursor:pointer;
}
.select:after {
	content:'\f078';
	content:'\f0d7';
	position:absolute;
	top:1rem; right:1.2rem;
	font:1em/1 fa-solid;
	color:#555;
	transition:transform 200ms;
}
.select-active:after {
	transform:rotate(180deg);
}
.search-error {
	border:2px solid #59bdc3;
    border-radius:10px;
	padding:0;
}
.search-error:before {
	top:calc(0.9rem - 2px); left:calc(0.9rem - 2px);
}
.search-error:after {
	top:calc(1rem - 2px); right:calc(1.2rem - 1px);
}
#search button-wrapper {
	float:right;
}
#search .button-wrapper {
	float:right;
	margin:4px -2em 0 0;
	height:calc(3em - 8px);
	width:16%;
}
#search .button {
	width:100%;
	height:2.5rem;
	line-height:2.5rem;
	padding:0;
}
#options {
	position:absolute;
	z-index:2;
	top:calc(3rem + 2px); left:1rem;
	width:calc(100% - 1rem);
	background:#fff;
	font-size:0.8125em;
	border-radius:5px;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	max-height:calc(100vh - 20rem);
	overflow-y:scroll;
	padding-bottom:1em;
	display:none;
}
.select-active #options {
	display:block;
}
#options h3 {
	padding:0.8rem 1rem 0.4rem 1rem;
	margin:0.8rem 0 0 0;
	border-top:1px solid #ddd;
}
#options li.top:first-child h3  {
	margin-top:0;
	border-top:0;
}
#options ul li  {
	padding:0.1rem 1rem;
}
#options ul li.parent  {
	font-weight:bold;
	margin-top:0.3em;
}
#options ul li.child {
	padding-left:2.5em;
	font-weight:normal;
}
#options ul li:hover {
	background:#f5f5f4;
}
#options ul li:active {
	background:#eeeeed;
}
#tags {
	text-align:center;
	margin-bottom:2em;
}
#tags li {
	display:inline-block;
	margin:0 0.2em 0.6em 0.2em;
}
#tags.listing-tags li {
	display:none;
}
#tags.listing-tags li:nth-child(1),
#tags.listing-tags li:nth-child(2),
#tags.listing-tags li:nth-child(3),
#tags.listing-tags li:nth-child(4),
#tags.listing-tags li.more-tags {
	display:inline-block;
}
#tags.show-all li {
	display:inline-block;
}
#tags.show-all li.more-tags {
	display:none;
}
#tags a {
	display:block;
	line-height:1.2;
	padding:0.5em 1em;
	border-radius:1.5em;
	background:#fff;
	transition:box-shadow 100ms;
	box-shadow:0 0 0.5em rgba(0,0,0,0.07);
}
#tags a:hover {
	box-shadow:0 0 0.6em rgba(0,0,0,0.15);
}
#tags a:active {
	background:#f9f9f8;
}
#tags li.active a {
	color:#fff;
	background:#59bdc3;
}
.map-button:before {
	content:'\f124';
	font-family:fa-solid;
	margin-right:0.5em;
}
.more-tags a:after {
	content:'\f054';
	font-family:fa-solid;
	margin-left:0.5em;
}
#map {
	width:calc(100% - 10em);
	height:calc(100% - 10em);
}
#map .imageWrapper img {
	width:300px;
	height:150px;
}
.gm-style .gm-style-iw-d {
	max-width:25em;
}
.gm-style img {
	width:100%;
	margin-bottom:0.5em;
	border-radius:5px;
}
.gm-style a {
	font-family:'Libre Franklin';
	font-size:0.875rem;
}
.gm-style h3 {
	margin:0;
	font-size:1rem;
}
.gm-style .location {
	display:block;
	font-weight:600;
	margin-bottom:0.3em;
}
.gm-style .location,
.gm-style .description {
	color:#333;
}
.gm-style .tags,
.gm-style .badges {
	display:none;
}
.paging {
	font-size:0.9375em;
}
.paging span.disabled,
.paging span.divider {
	display:none;
}
.pagerControl {
	font-size:0;
}
.pagerControl span.active,
.pagerControl a {
	float:left;
	font-size:0.9375rem;
	margin:0 0.2em 0.4em 0.2em;
	min-width:2em;
	line-height:2em;
	text-align:center;
	position:relative;
	z-index:1;
}
.pagerControl span.active:before,
.pagerControl a:before {
	content:'';
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	background:#fff;
	border-radius:3px;
	transform:skew(-15deg);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	z-index:-1;
}
.pagerControl a:first-child,
.pagerControl a:last-child {
	padding:0 0.7em;
}
.pagerControl span.active {
	color:#fff;
	font-weight:bold;
}

/*
—————————————————————
Directory Start Page
—————————————————————
*/
#category-groups {
	margin:auto;
}
#category-groups h2 {
	font-size:1.3em;
}
#category-groups li.top {
	float:left;
	width:25%;
	box-sizing:border-box;
	padding-left:1.2em;
	border-left:1px solid #ccc;
	margin-bottom:2em;
}
#category-groups li.top:nth-child(4n+1) {
	clear:left;
}
#category-groups li.top:last-child {
	xborder-right:1px solid #ddd;
}
#category-groups li.top ul {
	font-size:0.9375em;
}
#category-groups a {
	color:inherit;
}
#category-groups a:hover {
	color:#59bdc3;
}

/*
—————————————————————
Results Page
—————————————————————
*/
#results {
	width:calc(100% + 1.5em);
	margin:3em -1.5em 0 0;
}
#results li {
	margin:0 1.5em 1.5em 0;
	float:left;
	width:calc(25% - 1.5em);
}
#results a {
	display:block;
	position:relative;
	width:0;
	height:0;
	padding:75% 50%;
	background:#fff;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
	border-radius:8px;
	overflow:hidden;
	text-align:center;
}
#results li.separator {
	margin-bottom:4em;
}
#results li.level4-3up-single,
#results li.level4-3up-double {
	display:none;
}
#results a.separator {
	background-color:#dddddc;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	pointer-events:none;
}
#results li.level1,
#results li.level2,
#results li.level3 {
	width:calc(50% - 1.5rem);
}
#results li.level5 {
	width:calc(100% - 1.5rem);
	margin-bottom:2em;
}
#results li.level1 a {
	padding:calc(6% - 0.374rem) 50%;
	background:#cbdae0;
	box-shadow:none;
}
#results li.level2 a,
#results li.level3 a {
	padding:12% 50%;
}
#results li.level5 a {
	padding:13.5% 50%;
}
#results li.exclusive a:before {
	content:'Top choice';
	text-transform:uppercase;
	font-family:'DM Sans';
	font-weight:500;
	text-align:center;
	position:absolute;
	top:1.75em; left:-3em;
	z-index:1;
	background:linear-gradient(to right, #ddd, #fff);
	width:12em;
	height:2.5em;
	line-height:2.5em;
	transform:rotate(-45deg);
	transform-origin:50%;
	box-shadow:0 0 1em rgba(0,0,0,0.1);
}
#results li.level4-4up-single,
#results li.level4-4up-double,
#results li.level4-4up-triple {
	display:block;
}
#results li.level4-4up-double {
	width:calc(50% - 1.5em);
}
#results li.level4-4up-double a {
	padding:calc(37.5% - 0.5625em) 50%;
}
#results li.level4-4up-triple {
	width:calc(75% - 1.5em);
}
#results li.level4-4up-triple a {
	padding:calc(25% - 0.75em) 50%;
}
#results .image-wrapper img {
	display:block;
	width:100%;
	height:100%;
	background:#ddd;
}
#results .image-wrapper:after {
	content:'';
	position:absolute;
	top:0; left:0;
	width:100.1%;
	height:100.1%; 
	background:rgba(255,255,255,0.35);
	clip-path:polygon(100% 0%, 100% 100%, 82.86% 100%);
	pointer-events:none;
}
#results li.level5 .image-wrapper:after {
	background:#fff;
}
#results li.level1 .image-wrapper,
#results li.level2 .image-wrapper {
	display:none;
}
#results li.level3 .image-wrapper,
#results li.level4 .image-wrapper,
#results li.level5 .image-wrapper {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:40%;
	background:#bbb;
}
#results li.level3 .image-wrapper {
	width:40%;
	height:100%;
}
#results li.level5 .image-wrapper {
	width:45%;
	height:100%;
}
#results li.level1 .text,
#results li.level2 .text {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	padding:1.2em;
	text-align:left;
}
#results li.level1 .text {
	padding:1em;
}
#results li.level3 .text,
#results li.level4 .text,
#results li.level5 .text {
	position:absolute;
	top:40%; left:0;
	width:100%;
	height:60%;
	padding:3.3em 1.2em 1.2em 1.2em;
	background:#fff;
}
#results li.level3 .text {
	top:0; left:40%;
	width:60%;
	text-align:left;
	padding:1.2em;
}
#results li.level5 .text {
	top:0; left:45%;
	width:52%;
	height:100%;
	padding:5em 3em;
	font-size:1.1em;
}
#results h3 {
	font-size:1.6em;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:0.5em;
}
#results li.level1 h3,
#results li.level2 h3,
#results li.level3 h3 {
	font-size:1.2em;
	font-weight:500;
}
#results li.level1 h3 {
	margin-bottom:0.2em;
}
#results li.level5 h3 {
	font-size:1.8em;
}
#results .location {
	display:block;
	font-weight:600;
	font-size:1.1em;
	color:#555;
	letter-spacing:0.02em;
}
#results li.level2 .location,
#results li.level3 .location,
#results li.level5 .location {
	font-size:1em;
}
#results .website {
	display:block;
	margin-bottom:0.5em;
	font-size:0.9375em;
}
#results .view-button {
	position:absolute;
	bottom:1.5em; left:1.2em;
	width:calc(100% - 2.4em);
	z-index:1;
}
#results li.level1 .website,
#results li.level2 .website,
#results li.level3 .website,
#results li.level1 .view-button,
#results li.level2 .view-button,
#results li.level3 .view-button {
	display:none;
}
#results li.level5 .view-button {
	bottom:3em;
}
#results li.level1 .location {
	font-size:0.875em;
}
#results .description {
	display:block;
	color:#666;
	font-size:0.9375em;
	text-align:left;
}
#results .badges {
	position:absolute;
	z-index:1;
	top:calc(40% + 0.8em); left:0;
	margin:0;
	height:1.95em;
	width:100%;
	overflow:hidden;
	display:none;
}
#results li.level4 .badges {
	display:block;
}
#results li.level5 .badges {
	top:2em; left:45%;
	width:52%;
	display:block;
}
#results .badges span {
	display:inline-block;
	font-size:0.8125em;
	padding:0 1.2em;
	height:2.4em;
	line-height:2.4em;
	border-radius:1.2em;
	white-space:nowrap;
	background:#fae4f7;
	text-transform:lowercase;
	vertical-align:bottom;
}
#results .badges span.badge {
	width:2.4em;
	padding:0;
	text-align:center;
	background:none;
}
#results .badges span.badge:before {
	display:block;
	width:100%;
	height:100%;
	font-family:fa-light;
	font-size:2em;
	color:#b3cbd4;
}
span.badge-vip:before {
	content:'\f091';
}
span.badge-recommended:before {
	content:'\f559';
}
span.badge-fresh:before {
	content:'\f06c';
}
#results li.level1 img,
#results li.level2 img,
#results li.level1 .description {
	display:none;
}
.category-text {
	text-align:center;
	max-width:800px;
	margin:2em auto 0 auto;
}

/*
—————————————————————
Columns
—————————————————————
*/
#left-column {
	float:left;
	width:50%;
	min-height:30em;
}
#right-column {
	float:right;
	width:calc(50% - 3em);
	max-width:660px;
}

/*
—————————————————————
Listing Page
—————————————————————
*/
#profile {
	background:#fff;
	padding:2em;
	border-radius:1em;
}
#profile-hero {
	background:#e6ecef;
	margin-bottom:2em;
	padding:2em;
	border-radius:5px;
	position:relative;
	overflow:hidden;
}
#profile-hero .hero-text {
	position:relative;
	z-index:1;
	text-align:center;
}
#profile-hero .hero-text h1 {
	margin-bottom:0.2em;
}
#profile-hero .hero-text h1:last-child {
	margin-bottom:0;
}
#profile-hero .hero-text h3 {
	margin:0;
}
.listing-level3 #profile-hero,
.listing-level4 #profile-hero,
.listing-level5 #profile-hero {
	width:0; height:0;
	padding:19.2% 50%;
}
.listing-level3 #profile-hero {
	padding:9% 50%;
}
.listing-level3 #profile-hero .hero-text,
.listing-level4 #profile-hero .hero-text,
.listing-level5 #profile-hero .hero-text {
	position:absolute;
	top:42%; left:58%;
	width:42%;
	height:58%;
	z-index:1;
}
.listing-level3 #profile-hero .hero-text {
	top:3.6em; left:32%;
	width:68%;
	height:calc(100% - 3.6em);
	text-align:left;
}
.listing-level3 #profile-hero .hero-text h1,
.listing-level4 #profile-hero .hero-text h1,
.listing-level5 #profile-hero .hero-text h1 {
	font-size:3em;
	padding:0 1.8em;
	margin-bottom:0.6em;
}
.listing-level3 #profile-hero .hero-text h1 {
	padding:0;
	margin-bottom:0.2em;
}
.listing-level3 #profile-hero .hero-text h3,
.listing-level4 #profile-hero .hero-text h3,
.listing-level5 #profile-hero .hero-text h3 {
	margin-bottom:0.7em;
}
#profile-hero .logo-wrapper {
	position:absolute;
	bottom:calc(100% + 1.5em); left:0;
	width:100%;
	display:none;
}
.listing-level4 #profile-hero .hero-text .logo-wrapper,
.listing-level5 #profile-hero .hero-text .logo-wrapper {
	display:block;
}
#profile-hero .logo-wrapper img {
	display:block;
	margin:auto;
	max-width:13em;
	max-height:8em;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
	border-radius:5px;
}
.listing-level3 #profile-hero .website-domain {
	margin-left:-0.6em;
}
.listing-level3 #profile-hero .button-wrapper {
	margin-left:-1.8em;
}
#profile-hero .image-wrapper {
	position:absolute;
	top:0; left:0;
	width:64%;
	height:100%;
}
.listing-level3 #profile-hero .image-wrapper {
	width:30%;
	height:100%;
}
#profile-hero .image-wrapper:after {
	content:'';
	position:absolute;
	top:0; left:0;
	width:101%;
	height:100.1%; 
	background:#e6ecef;
	clip-path:polygon(100% 0%, 100% 100%, 82.04% 100%, 99% 0);
	pointer-events:none;
}
#profile-hero .image-wrapper img {
	display:block;
	width:100%;
	height:100%;
}
#profile-hero .hero-text .button-wrapper + .button-wrapper {
	margin-left:0.5em;
}
#profile-hero .hero-text .button-wrapper + .button-wrapper:after {
	xbackground:#244a6f;
}
#enquiry-buttons {
	margin-bottom:3.5em;
	position:relative;
	z-index:1;
	text-align:center;
}
.enquiry-button {
	display:inline-block;
	width:calc(25% - 1.2em);
	margin:0 0.3em;
	height:2.25rem;
	line-height:2.25rem;
	position:relative;
}
.enquiry-button:after {
	content:'';
	background:#59bdc3;
	transform:skew(-15deg);
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	z-index:-1;
	border-radius:3px;
}
.enquiry-button:nth-child(2):after {
	background:#499baa;
}
.enquiry-button:nth-child(3):after {
	background:#336a87;
}
.enquiry-button:nth-child(4):after {
	background:#244a6f;
}
.enquiry-button span {
	color:#fff;
	font-weight:500;
	font-size:1.0625em;
	font-family:'DM Sans';
	position:relative;
	z-index:1;
}
.enquiry-button:before {
	font-family:fa-light;
	font-size:1.1em;
	margin-right:0.4em;
	color:#fff;
}
#profile-content {
	margin:0 auto 3em auto;
	max-width:1100px;
}
#profile-content-sidebar {
	float:left;
	width:15.5em;
}
#profile-content-main {
	float:right;
	width:calc(100% - 17em);
	border-left:1px solid #ddd;
	padding-left:1.5em;
}
#enquiry-buttons a.phone:before {
	content:'\f879';
}
#enquiry-buttons a.email:before {
	content:'\f1d8';
}
#enquiry-buttons a.website:before {
	content:'\f80c';
}
#enquiry-buttons a.gallery-button:before {
	content:'\f009';
}
#profile-content-sidebar .badge {
	display:block;
	width:calc(100% - 4em);
	max-width:180px;
	max-height:180px;
	margin:3em auto 0 auto;
}
.badges {
	display:inline-block;
	margin-left:0.8em;
	vertical-align:top;
}
.badges span {
	display:inline-block;
	width:2.25rem;
	height:2.25rem;
	line-height:2.25rem;
	border-radius:1.125rem;
	padding:0;
	text-align:center;
	color:#c4b769;
	background:#e8e3c9;
	background:linear-gradient(to bottom right, #fcfaee, #ede29f, #fcfaee);
	vertical-align:top;
}
.badges span:before {
	display:block;
	width:100%;
	height:100%;
	font-family:fa-solid;
	font-size:1.2em;
	text-shadow:1px 1px 2px rgba(255,255,255,0.5);
}
.phone-numbers {
	display:none;
	margin:0.5em 0 2em 0;
	line-height:1.2;
}
.phone-numbers .number {
	display:block;
	margin-top:0.5em;
}
.phone-numbers .label {
	display:inline-block;
	width:2.5em;
	margin-right:0.4em;
	text-align:right;
	font-style:italic;
}
.phone-numbers strong {
	font-size:1.5em;
	font-weight:normal;
}
.address {
	display:block;
	margin:0.5em 0;
}
.address a {
	color:inherit;
}
.address a:hover {
	color:#59bdc3;
}
.address address {
	display:block;
	font-size:0.875em;
	position:relative;
	padding-left:1.8rem;
}
.address address:before {
	content:'\f3c5';
	font-family:fa-solid;
	position:absolute;
	top:0; left:0;
	font-size:1.5rem;
	color:#ccc;
}
.social-channels {
	border-top:1px solid #ddd;
	padding-top:0.8em;
	margin:1em 0 0.5em 0;
	vertical-align:top;
	text-align:center;
}
.social-channels-home {
	margin:2em 0;
	border:0;
	padding:0;
}
.social-channels li {
	display:inline-block;
	vertical-align:top;
}
.social-channels span {
	display:none;
}
.social-channels a {
	display:inline-block;
	font-size:0;
	background:#f2f2f2;
	width:2.7rem;
	height:2.5rem;
	line-height:1.5rem;
	text-align:center;
	padding:0.5rem 0;
	margin-right:0.2rem;
	box-sizing:border-box;
	transform:skew(-15deg);
	border-radius:3px;
}
.social-channels a:hover {
	border-color:#d2d2d2;
}
.social-channels a:active {
	background:#f5f5f4;
}
.social-channels a:before {
	display:block;
	font-size:1.25rem;
	font-family:fa-brands;
	transform:skew(15deg);
}
.social-channels a.facebook:before  { content:'\f39e' }
.social-channels a.instagram:before { content:'\f16d' }
.social-channels a.tiktok:before    { content:'\e07b' }
.social-channels a.linkedin:before  { content:'\f0e1' }
.social-channels a.twitter:before   { content:'\e61b' }
.social-channels a.pinterest:before { content:'\f0d2' }

.customer-tags {
	border-top:1px solid #ddd;
	padding-top:0.8em;
	margin:0.5em 0 0.5em 0;
	vertical-align:top;
	xtext-align:center;
}
.customer-tags li {
	display:block;
	font-size:0.875em;
}
.customer-tags li:before {
	content:'\f00c';
	font-family:fa-solid;
	display:inline-block;
	margin:0 0.5em;
	color:#b89468;
    font-size:0.75em;
}
.customer-tags li:last-child:after {
	content:'';
}


.listing-message {
	display:inline-block;
	padding:0.5em 0.9em;
	margin-top:1.5em;
	position:relative;
	line-height:1;
	font-family:'DM Sans';
	font-weight:500;
}
.listing-message:after {
	content:'';
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border:2px solid #ddd;
	box-sizing:border-box;
	transform:skew(-15deg);
}
.tags {
	margin:2em 0 1em 0;
}
.tags li {
	display:inline-block;
	margin:0 0.2em 0.5em 0;
}
.tags a {
	display:block;
	font-size:0.8125em;
	padding:0 1.2em;
	line-height:2.4em;
	white-space:nowrap;
	text-transform:lowercase;
	position:relative;
	z-index:2;
	border:0 !important;
}
.tags a:before {
	content:'';
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:3px;
	transform:skew(-15deg);
	background:#f2f2f1;
	z-index:-1;
}
.markdown iframe {
	display:block;
	margin-bottom:1.2em;
	max-width:100%;
}
.fluid-width-video-wrapper {
	margin-top:2em;
	margin-bottom:2em;
}

/*
——————————————————————
Gallery
——————————————————————
*/
.gallery {
	margin-bottom:4em;
}
.gallery:last-child {
	margin-bottom:0;
}
.gallery-row  {
	width:calc(100% + 0.75em);
	margin-right:-0.75em;
}
.gallery-row li {
	float:left;
	margin:0 0.75em 0.75em 0;
}
.gallery-row:last-child li {
	margin-bottom:0;
}
.gallery-row1 li {
	width:calc(50% - 0.75em);
	float:none;
	margin:auto;
}
.gallery-row2 li {
	width:calc(50% - 0.75em);
}
.gallery-row3 li {
	width:calc(33.3333% - 0.75em);
}
.gallery-row4 li {
	width:calc(25% - 0.75em);
}
.gallery-row a {
	display:block;
	width:0;
	height:0;
	outline:0;
	padding:33.3333% 50%;
	position:relative;
	overflow:hidden;
	background:#eee;
	border-radius:5px;
}
.gallery-row img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
.gallery-row img.vertical {
	height:auto;
	top:-30%;
}

/*
——————————————————————
Filters
——————————————————————
*/
.filters-wrapper {
	background:#d5d5d4;
	text-align:center;
}
.content .filters-wrapper {
	border-radius:8px 8px 0 0;
}
.filters-wrapper .container {
	padding:1.8em 1.2em 1.2em 1.2em;
}
.filter h3 {
	line-height:1;
	margin-bottom:0.8em;
}
.filters {
	margin:0;
	display:inline;
}
.filters:first-child {
	padding-top:0.6em;
}
.filters span,
.filters a {
	display:inline-block;
	color:#fff;
	padding:0 1.2em;
	line-height:2.4em;
	white-space:nowrap;
	cursor:pointer;
	margin:0 0.15em 0.6em 0.15em;
	font-size:0.9375em;
	user-select:none;
	position:relative;
	z-index:1;
	font-family:'DM Sans';
}
.filters span:before,
.filters a:before {
	content:'';
	border-radius:3px;
	position:absolute;
	top:0; left:0;
	z-index:-1;
	width:100%;
	height:100%;
	background:#6f8ca4;
	transform:skew(-15deg);
}
.filters a.current,
.filters span.selected {
	color:#67849c;
}
.filters a.current:before,
.filters span.selected:before {
	background:#fff !important;
}
#section-filters-wrapper {
	background:#fff;
	border-radius:8px;
	border-spacing:1em;
	border-collapse:separate;
	margin-top:3em;
}
.section-filters {
	width:50%;
	display:table-cell;
	background:#e6ecef;
	border-radius:5px;
	padding-top:1.2em;
}
.section-filters h2 {
	margin-bottom:0;
}
.section-filters .filters-wrapper {
	background:none !important;
}

/*
————————————————————————
Events
————————————————————————
*/
#events {
	width:calc(100% + 1.5em);
	margin:2em -1.5em 0 0;
}
#events.filtered {
	min-height:100vh;
}
#events li {
	float:left;
	width:calc(33.33% - 1.5em);
	margin:0 1.5em 1.5em 0;
}
#events a {
	display:block;
	position:relative;
	width:0;
	height:0;
	padding:50%;
	background:#fff;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
	border-radius:5px;
	overflow:hidden;
	color:inherit;
}
#events .image-wrapper {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:60%;
	background:#eee;
}
#events img {
	display:block;
	width:100%;
	height:100%;
}
#events .text {
	position:absolute;
	top:60%; left:0;
	width:100%;
	height:40%;
	padding:1.2em;
	background:#fff;
}
#events span.date {
	float:left;
	width:6em;
	height:8.5em;
	text-align:center;
	font-size:1.2em;
	font-weight:500;
	border-right:1px solid #ddd;
	padding-right:1em;
	margin-right:1em;
}
#events span.day {
	display:block;
	font-size:3.8em;
	font-family:'DM Sans';
	line-height:1.1;
	color:#59bdc3;
}
#events span.month {
	display:block;
	font-weight:bold;
	line-height:1;
}
#events h3 {
	margin:0 0 0.5em 0;
}
#profile #events-wrapper {
	background:#e6ecef;
	margin-bottom:3em;
	border-radius:7px;
	padding:1.6em 1.6em 0.1em 1.6em;
}
#profile #events .text {
	font-size:0.9375em;
}

/*
————————————————————————
Event Page
————————————————————————
*/
#event-wrapper {
	background:#fff;
	padding:2em;
	border-radius:8px;
	overflow:hidden;
}
.event-hero-wrapper {
	display:block;
	width:0;
	height:0;
	position:relative;
	padding:30% 50%;
	margin-bottom:0.75em;
}
.event-hero-wrapper:last-child {
	margin-bottom:0;
}
.event-hero-wrapper img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:5px;
}
#event-heading-wrapper {
	color:#fff;
	background:#244a6f;
	padding:2em;
	margin:-2em -2em 2em -2em;
	text-align:center;
	position:relative;
}
#event-heading-wrapper h1 {
	color:#fff;
	margin:0 0 0.2em 0;
	padding:0 2em;
}
#event-heading-wrapper h3 {
	margin:0;
}
#event-heading-wrapper .arrow {
	position:absolute;
	top:calc(50% - 2.5rem);
	font-size:2.5rem;
	line-height:2;
	width:3rem;
	height:2em;
	text-align:center;
	color:#fff;
}
#event-heading-wrapper .arrow span {
	display:none;
}
#event-heading-wrapper .arrow:before {
	font-family:fa-light;
}
#event-heading-wrapper .arrow-prev {
	left:1.8rem;
}
#event-heading-wrapper .arrow-prev:before {
	content:'\f053';
}
#event-heading-wrapper .arrow-next {
	right:1.8rem;
}
#event-heading-wrapper .arrow-next:before {
	content:'\f054';
}

/*
—————————————————————
Event Details
—————————————————————
*/
#event-wrapper dl {
	border-bottom:1px solid #ddd;
	margin-bottom:2em;
}
#event-wrapper dt, #event-wrapper dd {
	float:left;
	padding:0.3em;
	border-top:1px solid #ddd;
	box-sizing:border-box;
}
#event-wrapper dt {
	clear:left;
	width:5em;
	font-weight:bold;
}
#event-wrapper dd {
	width:calc(100% - 5em);
}
#event-wrapper dd a {
	border:0;
}
#event-wrapper a.more {
	display:inline-block;
	color:#fff;
	padding:0.25em 1.1em;
	text-transform:uppercase;
	font-size:0.85em;
	position:relative;
	font-weight:700;
	letter-spacing:0.07em;
	z-index:1;
	margin-top:2em;
}
#event-wrapper a.more:after {
	content:'';
	background:#ccc;
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	transform:skew(-15deg);
	z-index:-1;
}

/*
—————————————————————
Articles
—————————————————————
*/
#article-topics {
	margin-top:3em;
}
#article-topics .topic-name {
	float:left;
	width:24%;
}
#article-topics h2 {
	font-size:2.2em;
}
#article-topics.home-topics .topic-name {
	padding:1rem;
}
#article-topics li.topic {
	margin-bottom:2em;
	padding:1.5em;
	position:relative;
	background:#fff;
	border-radius:8px;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
}
#article-topics ul {
	float:right;
	width:76%;
}
#article-topics li li {
	float:left;
	width:calc(33.333% - 1.5em);
	margin-left:1.5em;
}
#article-topics li li a {
	display:block;
	width:0; height:0;
	padding:90% 50%;
	position:relative;
	border-radius:5px;
	overflow:hidden;
	background:#f2f2f1;
}
#article-topics img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:37.037%;
	background:#e3e3e2;
}
#article-topics .text {
	position:absolute;
	top:37.037%; left:0;
	width:100%;
	height:62.963%;
	padding:1em;
}
#article-topics .teaser {
	position:absolute;
	bottom:0; left:0;
	font-size:0.9375em;
	padding:1rem;
	line-height:1.3;
}

@media only screen and (min-width: 1201px) {
	#article-topics li li {
		width:calc(25% - 1.5em);
	}
	#article-topics li li:first-child {
		width:calc(50% - 3em);
		margin-left:3em;
	}
	#article-topics li li:first-child a {
		padding:45% 50%;
	}
	#article-topics li li:first-child img {
		height:74.074%;
	}
	#article-topics li li:first-child .text {
		top:74.074%;
		height:25.926%;
	}
	#article-topics li li:first-child h3 {
		font-size:1.6em;
	}
	#article-topics li li:first-child .teaser {
		display:none;
	}
	.fancybox-button {
		padding:5px !important;
	}
	.fancybox-navigation .fancybox-button div {
		color:#fff;
		background:#a6c5d1;
	}
	.fancybox-button[disabled], .fancybox-button[disabled]:hover {
		opacity:0 !important;
	}
	.weddings .fancybox-navigation .fancybox-button div {
		background:#c9b1af;
	}
}

#article-topic-wrapper {
	background:#fff;
	padding:2em;
	border-radius:0 0 8px 8px;
}
#news {
	width:calc(100% + 1.5em);
	margin:2.5em -1.5em 0 0;
}
#news li {
	float:left;
	width:calc(20% - 1.5em);
	margin:0 1.5em 1.5em 0;
}
#news.news-home li {
	width:calc(20% - 2em);
	margin-bottom:0;
}
#news a {
	display:block;
	width:0; height:0;
	padding:90% 50%;
	position:relative;
	border-radius:5px;
	overflow:hidden;
	background:#f2f2f1;
}
#news img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:37.037%;
	background:#e3e3e2;
}
#news .topic-customer img {
	width:111.111%;
	left:-5.555%;
}
#news .text {
	position:absolute;
	top:37.037%; left:0;
	width:100%;
	height:62.963%;
	padding:1em;
}
#news .teaser {
	position:absolute;
	bottom:0; left:0;
	font-size:0.9375em;
	padding:1rem;
	line-height:1.3;
}
#news .button-wrapper {
	display:none;
}


/*
—————————————————————
Article Page
—————————————————————
*/
#story-wrapper {
	background:#fff;
	padding:2em calc(18% + 5em);
	border-radius:0 0 8px 8px;
	overflow:hidden;
	min-height:30em;
	position:relative;
}
#story-text {
	border-left:1px solid #ddd;
	padding:0 1em;
}
#story-text .byline {
	font-size:0.875em;
	margin:0 0 2.5em 0;
}
#story-text .byline span {
	display:inline-block;
	position:relative;
}
#story-text .byline span:before {
	content:'';
	position:absolute;
	top:-0.4em; left:0;
	width:12em;
	background:#ddd;
	height:1px;
}
#story-text .byline a.edit {
	margin:-0.1em 0 0 0.7em;
	color:inherit;
	background:#f1f1f0;
	border-radius:5px;
	padding:0.1em 0.6em;
	font-size:0.8125rem;
}
#story-text .byline a.edit:first-child {
	margin-left:0;
}
#story-text .social-channels {
	position:relative;
	padding-top:0.8em;
	margin-top:1.8em;
}
#story-text .hero {
	display:block;
	margin:-1em 0 2em 0;
	position:relative;
}
#story-text .hero img {
	display:block;
	width:100%;
}
#story-text .hero:after {
	content:'\f002';
	font-family:fa-solid;
	width:2.5em;
	height:2.5em;
	position:absolute;
	top:1.2em; right:1.2em;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
	font-size:1em;
	line-height:2.5em;
	text-align:center;
	opacity:0;
	transition:opacity 150ms linear;
}
#story-text .hero:hover:after {
	opacity:0.9;
}
.inline-images {
	width:103%;
	margin:2em -3% 2em 0;
	clear:both;
}
.inline-images a {
	float:left;
	margin-right:3%;
	outline:0;
	position:relative;
	border:0 !important;
}
.inline-images a:after {
	content:'\f002';
	font-family:fa-light;
	width:2.5em;
	height:2.5em;
	position:absolute;
	top:1.2em; right:1.2em;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
	font-size:1.2em;
	line-height:2.5em;
	text-align:center;
	opacity:0;
	transition:opacity 150ms linear;
}
.inline-images a:hover:after {
	opacity:0.9;
}
.inline-1up {
	width:100%;
	margin:0 0 2em 0;
}
.inline-1up a {
	float:none;
	display:block;
	margin:0;
}
.inline-2up a {
	width:47%;
}
.inline-3up a {
	width:30.33%;
}
.inline-4up a {
	width:22%;
}
.inline-5up a {
	width:17%;
}
.inline-images img {
	display:block;
	width:100%;
	border-radius:5px;
	background:#f2f2f1;
}
.article-source {
	margin-top:1em;
}
#related-stories {
	position:absolute;
	top:2em; left:2em;
	width:18%;
}
#related-stories h3 {
	margin:1em 0 1em 0;
	text-align:center;
}
#related-stories li {
	margin-bottom:1em;
}
#related-stories a {
	height:6em;
	padding-left:7.5em;
	display:flex;
	align-items:center;
	font-size:0.875em;
	position:relative;
	background:#f2f2f1;
	border-radius:5px;
	overflow:hidden;
	transform:skew(-15deg);
}
#related-stories .image-wrapper {
	position:absolute;
	top:0; left:0;
	width:6em; height:6em;
	overflow:hidden;
}
#related-stories .image-wrapper img {
	display:block;
	width:130%;
	margin:-11% 0 0 -11%;
	transform:skew(15deg);
}
#related-stories strong {
	font-weight:normal;
	font-size:0.9375em;
	transition:color 150ms linear;
	transform:skew(15deg);
	padding-right:1.5em;
}



#related-customers {
	position:absolute;
	top:30%; right:2em;
	width:17%;
}
#related-customers h3 {
	margin-bottom:0.4em;
}
#related-customers li {
	margin-bottom:1.2em;
}
#related-customers a {
	display:block;
	background:#f2f2f1;
	border-radius:5px;
	overflow:hidden;
}
#related-customers .image-wrapper {
	display:block;
	width:0; height:0;
	padding:30% 50%;
	position:relative;
}
#related-customers .image-wrapper img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
#related-customers .text {
	padding:0.8em;
}
#related-customers .text strong {
	display:block;
	line-height:1.2;
	margin-bottom:0.2em;
}
#related-customers .text span {
	display:block;
	font-size:0.9em;
}


/*
—————————————————————
Planning Tools
—————————————————————
*/
#tools {
	margin-top:3em;
}
#tools.advertise h2 {
	font-size:1.8em;
	font-family:inherit;
}
#tools.advertise ul {
	padding-left:0;
}
#tools li.top {
	min-height:12em;
	padding:2em 0 0 12em;
	position:relative;
	border-top:1px solid #ddd;
	margin-bottom:2em;
}
#tools img {
	position:absolute;
	top:2em; left:0;
	width:10em;
	height:10em;
	border-radius:0.4em;
}

/*
—————————————————————
Ratecards
—————————————————————
*/
#ratecards {
	width:calc(100% + 2em);
	margin:3em -2em 0 0;
}
.ratecard {
	float:left;
	width:calc(25% - 2em);
	margin-right:2em;
	background:#fff;
	padding:1.5em 1.5em 0 1.5em;
	border-radius:5px;
	overflow:hidden;
}
.ratecard h2 {
	margin:-1.5rem -1.5rem 0.7em -1.5rem;
	padding:1.3rem 1.5rem 2em 1.5rem;
	color:#fff;
	position:relative;
}
.ratecard h2:before {
	content:'';
	position:absolute;
	top:0; left:100%;
	width:5em;
	height:100%;
	transform:skew(-15deg);
	transform-origin:top left;
	pointer-events:none;
	background:rgba(255, 255, 255, 0.35);
}
.ratecard h2:after {
	display:block;
	font-size:1rem;
	font-family:fa-solid;
	margin-top:0.2em;
}
.ratecard:nth-child(1) h2 {
	background:#59bdc3;
}
.ratecard:nth-child(1) h2:after {
	content:'\f005\f005';
}
.ratecard:nth-child(2) h2 {
	background:#499baa;
}
.ratecard:nth-child(2) h2:after {
	content:'\f005\f005\f005';
}
.ratecard:nth-child(3) h2 {
	background:#336a87;
}
.ratecard:nth-child(3) h2:after {
	content:'\f005\f005\f005\f005';
}
.ratecard:nth-child(4) h2 {
	background:#244a6f;
}
.ratecard:nth-child(4) h2:after {
	content:'\f005\f005\f005\f005\f005';
}
#advertise-sections {
	width:calc(100% + 4em);
	border-spacing:2em;
    border-collapse:separate;
    margin:-1em -2em;
}
.advertise-section {
	display:table-cell;
	width:50%;
	background:#fff;
	padding:2em;
	border-radius:5px;
	overflow:hidden;
	padding-bottom:5.5em;
	position:relative;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
}
.advertise-section h2 {
	font-size:2.4em;
}
.advertise-section .button-wrapper {
	position:absolute;
	bottom:2rem; right:2rem;
}
.advertise-corporate-intro h2 {
	color:#244a6f;
}
.advertise-wedding-intro h2 {
	color:#c2828b;
}
.ratecard h3:nth-child(4) {
	color:#59bdc3;
	text-transform:uppercase;
	font-weight:bold;
}
.ratecard ul.bullet {
	padding-left:0;
	margin-left:1.5em;
}
.ratecard ul.bullet:last-child {
	margin-bottom:1.5em;
}
.ratecard ul.bullet li:before {
	width:1.5em;
	margin-left:-1.5em;
}
.ratecard ul.bullet:nth-child(5) li:before {
	font-family:fa-solid;
	content:'\f00c';
	color:#59bdc3;
}
.ratecard h3:nth-child(6) {
	background:#cbdae0;
	padding:1.5rem;
	margin:0 -1.5rem 0 -1.5rem;
}
.ratecard ul.bullet:nth-child(7) {
	background:#cbdae0;
	padding:0 1.5rem 1.5rem 3rem;
	margin:0 -1.5rem 0 -1.5rem;
}

/*
—————————————————————
About Us
—————————————————————
*/
.about-image {
	float:right;
	margin:0 0 1.5em 1.5em;
	border-radius:4px;
}

/*
———————————————————
Forms
———————————————————
*/
.form {
	background:#fff;
	border-radius:7px;
	padding:3em;
	margin:0 auto 2em auto;
	max-width:40em;
	overflow:hidden;
}
.form h1 {
	margin:0;
	font-size:2.3em;
}
.form h1 + h2 {
	margin:0.2em 0 1em 0;
	font-size:1.3em;
}
.form-column {
	margin:auto;
	width:100%;
}
.newsletter-link {
	margin:-0.5em 0 1.5em 0;
}
.newsletter-link a {
	font-weight:500;
	text-decoration:underline;
}
.enquiry-logo-wrapper {
	background:#b3cbd4;
	height:8.4em;
	padding:1.2em;
	margin:-3em -3em 2em -3em;
	display:flex;
	align-items:center;
}
.enquiry-logo {
	display:block;
	max-width:10em;
	max-height:6em;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
	border-radius:5px;
	margin:auto;
}
.form h3.mail-sent:before {
	font-family:fa-light;
	content:'\f118';
	display:block;
	font-size:2.4em;
	margin-bottom:0.2em;
}
.form p {
	margin-bottom:1em;
}
.form p:last-child {
	margin-bottom:0;
}
.form label {
	display:block;
	font-size:0.875em;
	color:#244a6f;
	height:1.2em;
	margin-bottom:0.4em;
}	
.form input.text, .form textarea, .form select {
	display:block;
	width:100%;
	border:1px solid #e6ecef;
	background:#e6ecef;
	padding:0.4em 0.5em;
	border-radius:3px;
	outline:none;
}
.form span select,
.form select.auto {
	display:inline;
	width:auto;
	margin-right:0.2em;
}
.form input.short {
	width:6em;
}
.form input.text:focus,
.form textarea:focus {
	background:#fff;
	border-color:#b3cbd4;
}
.form textarea {
	height:10em;
}
.form .checkboxes label {
	display:inline;
	margin-left:0.3em;
}
.message-selector {
	display:block;
	height:2em;
	margin-top:2em;
	padding:0 1em;
}
.message-selector span {
	float:left;
	width:calc(25% - 1em);
	text-align:center;
	font-size:0.875em;
	line-height:1.6rem;
	color:#0cadb7;
	background:#daf1f2;
	border-radius:0.8rem;
	margin:0 0.5em;
	cursor:pointer;
	user-select:none;
}
.message-selector span:hover {
	background:#d3eeef;
}
.message-selector span:active {
	background:#cceaeb;
}
.related-selector {
	margin-left:1.5em;
	margin-top:2em;
}
.related-selector li {
	margin-bottom:0.8em;
	padding-left:1.5em;
	position:relative;
	line-height:1.3;
}
.related-selector input {
	position:absolute;
	top:0.2em; left:0;
}
.related-selector label {
	color:unset !important;
	font-size:1em;
	height:auto;
	margin:0;
}
.related-selector strong {
	display:block;
}
.related-selector span {
	display:block;
	color:#888;
    font-size:0.9375em;
}

/*
————————————————————————
Validation
————————————————————————
*/
.form .validation-container,
.form .alert {
	padding:0.7em 1.3em;
	color:#fff;
	background:#e41b4b;
	border-radius:5px;
	margin-bottom:2em;
	position:relative;
}
.form .validation-title {
	font-weight:bold;
}
.form .alert {
	background:#a8c273;
	font-size:1.2em;
}
.form .alert p {
	padding:0;
	margin:0;
	text-align:center;
	font-family:'DM Sans';
	font-weight:500;
}
.form .confirm p:before {
	content:'\f00c';
	font-family:fa-solid;
	margin-right:0.5em;
	font-weight:normal;
}

/*
———————————————————
Contact Us Page
———————————————————
*/
.contact-panel {
	text-align:center;
	font-size:1.2em;
	line-height:1.6;
	margin:1.5em 0;
}
.contact-panel dt, .contact-panel dd {
	display:inline;
}
.contact-panel dt:before {
	display:block;
	content:'';
}
.contact-panel address {
	display:inline;
}
.contact-panel dt span {
	display:none;
}
.contact-panel dt.call-us:after,
.contact-panel dt.email-us:after,
.contact-panel dt.postal-address:after {
	font-family:fa-light;
	font-size:1.2em;
	content:'\f879';
	color:#b3cbd4;
	margin-right:0.2em;
}
.contact-panel dt.email-us:after {
	content:'\f1d8';
}
.contact-panel dt.postal-address:after {
	content:'\f813';
}

/*
—————————————————————
Sitemap
—————————————————————
*/
#sitemap div {
	padding:1.8em;
	background:#fff;
	border-radius:7px;
	margin-bottom:2em;
}
#sitemap li {
	float:left;
	width:25%;
	line-height:1.2;
	margin-bottom:0.3em;
	padding:0 2em 0 0.8em;
	position:relative;
}
#sitemap li:before {
	font-family:fa-solid;
	font-size:0.7em;
	content:'\f054';
	width:0.8rem;
	height:1.2rem;
	line-height:1.2rem;
	position:absolute;
	top:0; left:0;
}
#sitemap #region-wrapper li {
	width:50%;
}
#sitemap a {
	color:inherit;
}

/*
—————————————————————
Self Service
—————————————————————
*/
.self-service {
	background:#cbdae0;
}
.self-service .content {
	padding-bottom:0;
}
.advert-switcher select {
	padding:0.5em 0.6em;
	border:1px solid #bbbbba;
	outline:0;
	border-radius:5px;
	margin-right:0.4em;
	max-width:calc(100% - 6.5em);
}
.advert-switcher .link-button:after {
	content:'';
}
.inactive-alert {
	color:#fff;
	text-align:center;
	background:#e41b4b;
	border-radius:7px;
	font-weight:bold;
	padding:0.5em;
}
.editor-form h2 {
	font-size:2em;
	border-bottom:1px solid #ccc;
	padding-bottom:0.2em;
}
.save-button-wrapper {
	height:3rem;
	margin-top:2em;
}
.save-button-wrapper .button {
	font-size:1.5rem;
}
#searchableCategories {
	background:#e6ecef;
}
#listings {
	max-width:60rem;
	font-size:0.9em;
}
#listings div {
	background:#fff;
	padding:0.2em 1em;
	margin-bottom:0.5em;
	border-radius:7px;
}
#listings div.region-labels {
	background:none;
	font-weight:bold;
	border-bottom-width:2px;
}
#listings span {
	display:inline-block;
	width:18em;
}
#listings span.section {
	width:9em;
}
#listings span.view {
	width:6em;
}
#listings span.view em.button-wrapper {
	margin:0.1em 0 0 0;
	height:1.6rem;
}
#listings span.view em.button-wrapper .button {
	font-size:1rem;
	line-height:1.6;
}
#listings span.rank {
	display:inline-block;
	width:2em;
	height:2em;
	line-height:2em;
	border-radius:50%;
	text-align:center;
	margin-right:3em;
}
#listings div.ranked span.rank {
	color:#fff;
	background:#59bdc3;
	font-weight:bold;
	font-family:Roboto;
}
#listings div.ranked.section2 span.rank {
	background:#c2828b;
}
#listings a {
	color:#59bdc3;
	font-weight:normal;
}
#image-gallery ul,
#image-gallery2 ul,
#video-gallery ul {
	margin:0 -10px 1em 0;
}
#image-gallery img,
#image-gallery2 img,
#video-gallery img {
	display:block;
	cursor:move;
}
#image-gallery li,
#image-gallery2 li,
#video-gallery li {
	float:left;
	margin:8px 8px 0 0;
	position:relative;
}
#image-gallery span,
#image-gallery2 span,
#video-gallery span {
	cursor:pointer;
	user-select:none;
}
#image-gallery span.remove,
#image-gallery2 span.remove,
#video-gallery span.remove {
	display:block;
	background:url(/Images/icon-close.gif) center no-repeat;
	background-color:rgba(0,0,0,.5);
	width:17px; height:17px;
	position:absolute;
	top:0; right:0;
	opacity:.6;
	border-radius:0 4px 0 0;
}
#image-gallery span.remove:hover,
#image-gallery2 span.remove:hover,
#video-gallery span.remove:hover {
	opacity:1;
}
#linkEditor,
#linkEditor2 {
	padding:10px;
}
#linkEditor h3,
#linkEditor2 h3 {
	margin-bottom:10px;
}
#linkEditor li,
#linkEditor2 li {
	clear:left;
	width:709px;
	height:37px;
	overflow:hidden;
	margin:0;
}
#linkEditor span.handle,
#linkEditor2 span.handle {
	float:left;
	width:15px;
	height:27px;
	margin-right:10px;
	background:url(/Admin/Images/bg-handle.gif) no-repeat;
	cursor:move;
}
#linkEditor input.text,
#linkEditor2 input.text {
	float:left;
	margin-right:10px;
	padding:5px;
	width:200px;
	font-family:Arial,sans-serif;
	border:1px solid #ccc;
	border-top-color:#aaa;
	border-radius:4px;
	-webkit-border-radius:4px;
	outline:none;
}
#linkEditor input.url,
#linkEditor2 input.url {
	width:450px;
	margin:0;
}
.bannerWrapper {
	position:relative;
}
.bannerWrapper input.remove {
	display:block;
	background:url(/Admin/Images/icon-close.gif) center no-repeat;
	background-color:rgba(0,0,0,.5);
	width:17px; height:17px;
	position:absolute;
	top:0; right:0;
	opacity:.6;
	border:0;
}
.bannerWrapper input.remove:hover {
	opacity:1;
}

/*
—————————————————————
Advert Grid
—————————————————————
*/
#advertGridWrapper {
	display:none;
}
#advertGrid {
	width:800px;
	margin:auto;
	background:#f2f2f1;
}
#advertGrid td,
#advertGrid th {
	text-align:center;
	width:150px;
	padding:3px;
}
#advertGrid th {
	font-weight:bold;
	background:#ddd;
}
#advertGrid td.label {
	width:180px;
	text-align:right;
	padding-right:20px;
}
#advertGrid td {
	border-top:1px solid #ddd;
}

/*
————————————————————————
Tabs
————————————————————————
*/
.tabs {
    height:2.5em;
    margin-top:2.5em;
}
.tabs li {
    float:left;
	margin-right:0.5em;
}
.tabs li a {
    display:block;
	line-height:2.5em;
	padding:0 1.2em;
	border-radius:5px 5px 0 0;
	color:#fff;
	background:#59bdc3;
	transition:background-color 150ms;
}
.tabs li a:hover {
	background:#50abb6;
}
.tabs li.active a,
.tabs li.active a:hover {
    color:inherit;
    background:linear-gradient(to bottom, #fff, #e6ecef) !important;
}

/*
—————————————————————
Trending
—————————————————————
*/
#trending li.top {
	margin-bottom:2em;
}
#trending a {
	display:block;
	background:#fff;
	width:0; height:0;
	padding:14% 50%;
	position:relative;
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 2px 3px rgba(0,0,0,0.05);
}
#trending .text {
	position:absolute;
	top:0; left:42%;
	width:44%;
	height:100%;
	z-index:1;
}
#trending .text-inner {
	padding:5.5em 2em 0 2em;
	position:relative;
	z-index:2;
}

#trending .text:before,
#trending .text:after {
	content:'';
	position:absolute;
	top:0; left:-4em;
	width:8em;
	height:100%;
	background:#fff;
	transform:skew(-15deg);
	border-left:1.2em solid #d5d5d4;
}
#trending .text:after {
	left:auto;
	right:-4em;
	border:0;
}




#trending h2 {
	font-size:2.6em;
	line-height:1.1;
	margin-bottom:0.5em;
}
#trending ul li {
	position:absolute;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#e3e3e2;
	background-position:top center;
}
#trending ul li:nth-child(1) {
	width:42%;
	height:100%;
	top:0; left:0;
}
#trending ul li:nth-child(2),
#trending ul li:nth-child(3),
#trending ul li:nth-child(4) {
	width:14%;
	height:33.333%;
	top:0; right:0;
}
#trending ul li:nth-child(3) {
	top:33.333%;
}
#trending ul li:nth-child(4) {
	top:66.666%;
}


@media only screen and (min-width: 1024px) {
	#trending li.top:nth-child(even) .text {
		left:14%;
	}
	#trending li.top:nth-child(even) ul li:nth-child(1) {
		left:auto; right:0;
	}
	#trending li.top:nth-child(even) ul li:nth-child(2),
	#trending li.top:nth-child(even) ul li:nth-child(3),
	#trending li.top:nth-child(even) ul li:nth-child(4) {
		right:auto; left:0;
	}
}


#trending span.teaser {
	display:block;
	margin-bottom:1em;
}
#trending span.more {
	display:inline-block;
	color:#fff;
	padding:0.25em 1.1em;
	text-transform:uppercase;
	position:relative;
	font-weight:700;
	letter-spacing:0.07em;
	z-index:1;
}
#trending span.more:after {
	content:'';
	background:#ccc;
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	transform:skew(-15deg);
	z-index:-1;
	border-radius:3px;
}



#trending-wrapper {
	background:#fff;
	border-radius:8px;
	overflow:hidden;
	padding:3em;
}
#trending-wrapper #left-column {
	min-height:0;
	width:calc(67% - 4em);
}
#trending-wrapper #right-column {
	min-height:0;
	padding-left:2em;
	border-left:1px solid #ddd;
	width:32.5%;
}
#trending-text {
	padding:1.5em 1.5em 4em 1.5em;
}
#trending-wrapper h1 {
	font-size:4em;
	margin-bottom:0.3em;
	line-height:1;
}
#trending-wrapper h2.subheading {
	font-size:2em;
	margin-top:0;
	margin-bottom:1.2em;
}




@media only screen and (min-width: 1921px) {
	#search-hero {
		background-size:cover;
		width:0;
		height:0;
		padding:10% 50%;
	}
}


@media only screen and (max-width: 1670px) {
	#nav {
		right:3em;
	}
	#home-drivers .text {
		font-size:0.96vw;
	}
	#section-drivers .text {
		font-size:1vw;
	}
	#drivers a {
		font-size:1vw;
	}
	#events .text {
		font-size:1vw;
	}
	#article-topics .text,
	#news .text {
		font-size:1vw;
	}
	#results {
		font-size:0.96vw;
	}
	#results .button-wrapper {
		height:2.2em;
	}
	#results .button {
		font-size:1.1em;
	}
}



@media only screen and (max-width: 1570px) {
	.listing-level3 #profile-hero .hero-text,
	.listing-level4 #profile-hero .hero-text,
	.listing-level5 #profile-hero .hero-text {
		font-size:1vw;
	}
	#profile-hero .hero-text h3 {
		font-size:1rem;
	}
	.section-trending-hero h2 {
		font-size:4.3vw;
	}
	.section-trending-hero .text {
		font-size:1.2vw;
	}
	#trending .text {
		font-size:1vw;
	}
}


@media only screen and (max-width: 1450px) {
	#story-wrapper {
		padding:2em 3em 2em calc(22% + 5em);
	}
	#related-stories {
		width:22%;
	}
	#related-customers {
		display:none;
		width:22%;
		right:auto; left:2em;
	}
	#trending .text-inner {
		padding-top:4em;
	}
	#trending span.teaser {
		font-size:1.1em;
	}
}


@media only screen and (max-width: 1350px) {
	html {
		font-size:15px;
	}
	#trending .text {
		font-size:1.1vw;
	}
	#results {
		font-size:1rem;
	}
	#results li.level4 {
		font-size:1.25vw;
	}
	#results li.level5 {
		font-size:1.35vw;
	}
	#results li.level5 a {
		padding:16% 50%;
	}
	#results li.level5 .image-wrapper {
		width:53.333%;
	}
	#results li.level5 .text {
		left:53.333%;
		width:46.666%;
		padding:4em 2em;
		font-size:1em;
	}
	#results li.level5 .badges {
		top:1.5em;
		left:53.333%;
		width:46.666%;
	}
	#results li.level5 .view-button {
		bottom:1.8em;
	}
	#results li.level2 a, #results li.level3 a {
		padding:18% 50%;
	}
	#results li.level1 a {
		padding: calc(9% - 0.374em) 50%;
	}
	#options {
		font-size:0.9375rem;
	}
}


@media only screen and (min-width: 1201px) {
	#news li:nth-child(4n+1) {
		clear:left;
	}
	#news li:nth-child(8n+1),
	#news li:nth-child(8n+8) {
		width:calc(40% - 1.5em);
	}
	#news li:nth-child(8n+1) a,
	#news li:nth-child(8n+8) a {
		padding:calc(45% - 0.675em) 50%;
	}
	#news li:nth-child(8n+1) img,
	#news li:nth-child(8n+8) img {
		height:74.074%;
	}
	#news li:nth-child(8n+1) .text,
	#news li:nth-child(8n+8) .text {
		top:74.074%;
		height:25.926%;
	}
	#news li:nth-child(8n+1) h3,
	#news li:nth-child(8n+8) h3 {
		font-size:1.6em;
	}
	#news li:nth-child(8n+1) .teaser,
	#news li:nth-child(8n+8) .teaser {
		display:none;
	}
}


@media only screen and (min-width: 904px) and (max-width: 1350px) {
	#results li.level4 {
		float:left;
		width:calc(33.333% - 1.5em);
	}
	#results li.level4-4up-single,
	#results li.level4-4up-double,
	#results li.level4-4up-triple {
		display:none;
	}
	#results li.level4-3up-single,
	#results li.level4-3up-double {
		display:block;
	}
	#results li.level4-3up-single a {
		padding:75% 50%;
	}
	#results li.level4-3up-double {
		width:calc(66.666% - 1.5em);
	}
	#results li.level4-3up-double a {
		padding:calc(37.5% - 0.5625em) 50%;
	}
	#results.related-premiums li.level4:nth-child(4) {
		display:none;
	}
}


@media only screen and (max-width: 1250px) {
	#nav {
		display:none;
	}
	#nav li:after {
		display:none;
	}
	#nav li.mobile-only {
		display:block;
	}
	#menu, #close-menu {
		display:block;
		position:absolute;
		top:calc(4rem - 1.1em); right:3.5rem;
		width:3em;
		height:2.2em;
		color:#fff;
		background:#59bdc3;
		border-radius:3px;
		text-align:center;
		line-height:2.2em;
		font-size:1.2em;
		cursor:pointer;
		transform:skew(-15deg);
	}
	#menu:after, #close-menu:after {
		display:inline-block;
		font-family:fa-solid;
		transform:skew(15deg);
	}
	#menu:after {
		content:'\f0c9';
	}
	#close-menu {
		display:none;
	}
	#close-menu:after {
		content:'\f00d';
	}
	#nav,
	body.nav-active #content-wrapper,
	body.nav-active #footer-wrapper,
	body.nav-active #menu {
		display:none;
	}
	body.nav-active #close-menu {
		display:block;
	}
	body.nav-active #topbar {
		position:fixed;
		width:100%;
		top:0; left:0;
	}
	body.nav-active #header {
		position:fixed;
		width:100%;
		top:0; left:0;
	}
	body.nav-active #nav {
		display:block;
		position:fixed;
		top:8rem; left:0;
		width:100%;
		height:calc(100% - 8rem);
		box-sizing:border-box;
		padding:2.2rem 0;
		color:#fff;
		overflow-y:scroll;
	}
	body.nav-active #nav li {
		float:none;
	}
	body.nav-active #nav a:before,
	body.nav-active #nav a:after,
	body.nav-active #nav li ul {
		display:none !important;
	}
	body.nav-active #nav a {
		padding:0.5em 4rem;
		font-size:1.4em;
		color:#fff;
	}
	body.nav-active #nav a.search-icon {
		color:#fff !important;
	}
	#nav .search-icon span {
		display:inline;
	}
	#results li.level5 h3 {
		font-size:1.6em;
	}
	#results li.level5 .location,
	#results li.level5 .location {
		font-size:0.9375em;
	}
	.profile-tabs {
		margin-right:3em;
	}
	.section-trending-hero-content {
		width:80%;
	}
	.section-trending-item {
		margin-bottom:4em;
	}
	.section-trending-hero .text {
		font-size:1.7vw;
		top:15%; right:5%;
		width:43%;
	}
	#section-trending .drivers {
		width:60%;
	}
}


@media only screen and (max-width: 1200px) {
	.white-page-small-device #content-wrapper {
		background:#fff !important;
	}
	#home-landing {
		padding:20% 50%;
	}
	#home-drivers-wrapper {
		bottom:-15%;
	}
	#home-drivers {
		width:95%;
	}
	#home-drivers .text h2 {
		font-size:3.1em;
	}
	#home-drivers .text h3 {
		display:none;
	}
	#home-drivers .button-wrapper {
		height:2.2rem;
		margin:0;
	}
	#home-drivers .button {
		font-size:1rem;
		line-height:2.2;
		padding:0 1.5em;
	}
	#article-topics.home-topics .topic-name {
		padding:0;
	}
	#section-drivers {
		max-width:100%;
		padding:0;
		margin-bottom:0;
	}
	#section-drivers li {
		float:none;
		width:auto;
		margin:0 -3em 3em -3em;
		padding:0 16%;
		background:#b3cbd4;
	}
	#section-drivers a {
		border-radius:0;
		box-shadow:none;
		background:#e6ecef;
	}
	#section-drivers .text {
		font-size:1.1em;
	}
	#trending {
		width:auto;
		margin:0;
	}
	#trending li {
		float:none;
		width:auto;
		margin-right:0;
	}
	#sitemap li {
		width:33.33%;
	}
	#search {
		max-width:100%;
		margin:0 3em;
	}
	#news li {
		width:calc(25% - 1.2em);
		margin:0 1.2em 1.2em 0;
	}
	#news .text,
	#article-topics .text {
		font-size:1.3vw;
	}
	#trending-wrapper {
		padding:1.6em;
	}
	#trending-text {
		padding-bottom:2em;
	}
	#trending-wrapper #left-column,
	#trending-wrapper #right-column {
		float:none;
		width:auto;
		max-width:100%;
		border:0;
		padding-left:0;
	}
	#trending-wrapper #right-column {
		margin-top:2em;
	}
	.back-button {
		text-align:center;
	}
}



@media only screen and (min-width: 901px) and (max-width: 1200px) {
	#news li:nth-child(6n+1),
	#news li:nth-child(6n+6) {
		width:calc(50% - 1.2em);
	}
	#news li:nth-child(3n+1) {
		clear:left;
	}
	#news li:nth-child(6n+1) a,
	#news li:nth-child(6n+6) a {
		padding:calc(45% - 0.55em) 50%;
	}
	#news li:nth-child(6n+1) img,
	#news li:nth-child(6n+6) img {
		height:74.074%;
	}
	#news li:nth-child(6n+1) .text,
	#news li:nth-child(6n+6) .text {
		top:74.074%;
		height:25.926%;
	}
	#news li:nth-child(6n+1) h3,
	#news li:nth-child(6n+6) h3 {
		font-size:1.6em;
	}
	#news li:nth-child(6n+1) .teaser,
	#news li:nth-child(6n+6) .teaser {
		display:none;
	}
}


@media only screen and (max-width: 1100px) {
	.ratecard {
		float:left;
		width:calc(50% - 2em);
		margin-bottom:2em;
    }
	.ratecard:nth-child(odd) {
		clear:left;
    }
}


@media only screen and (max-width: 1024px) {
	html {
		font-size:14px;
	}
	h1 {
		font-size:3em;
	}
	.content {
		padding:2em 2em 3em 2em;
	}
	#section-drivers li {
		margin:0 -2em 3em -2em;
	}
	#profile, #event-wrapper, #article-topic-wrapper, .form {
		padding:1.6em;
	}
	.enquiry-logo-wrapper {
		margin:-1.6em -1.6em 1.6em -1.6em;
	}
	#event-heading-wrapper {
		margin-left:-1.6em;
		margin-right:-1.6em;
	}
	#topbar a.signup {
		right:2rem;
	}
	#topbar a.signin,
	#topbar a.signout {
		right:9rem;
	}
	#logo {
		left:2em;
	}
	#menu, #close-menu {
		right:2.5rem;
	}
	#article-topics li.topic, #trending li {
		margin-bottom:1.6em;
	}
	#directory-logos {
		left:0;
		width:100%;
		text-align:center;
	}
	#directory-logos li {
		float:none;
		display:inline-block;
		margin:0 1em;
	}
	#map {
		width:calc(100% - 6em);
		height:calc(100% - 6em);
	}
	#drivers div {
		bottom:1.3em;
	}
	#drivers strong {
		font-size:1rem;
	}
	#options {
		font-size:1rem;
	}
}


@media only screen and (max-width: 1023px) {
	#header {
		height:7em;
	}
	#logo {
		bottom:1.2em;
	}
	#left-column, #right-column {
		float:none;
		width:auto;
		min-height:0;
		max-width:100%;
	}
	#left-column {
		margin-bottom:2em;
	}
	body.nav-active #nav {
		top:7rem;
		height:calc(100% - 7rem);
	}
	#menu, #close-menu {
		top:calc(3.5rem - 1.1em);
	}
	#sitemap li {
		width:50%;
	}
	#sitemap #region-wrapper li {
		float:none;
		width:auto;
	}
	.back-top {
		height:2.4rem;
		line-height:2.4rem;
	}
	.listing-wrapper-hero {
		padding-top:calc(66.66% + 1.2em) !important;
	}
	.hero-image {
		position:absolute;
		top:0; left:0;
		width:100%;
	}
	.listing-level3 #profile-hero .hero-text,
	.listing-level4 #profile-hero .hero-text,
	.listing-level5 #profile-hero .hero-text {
		top:34%;
		height:66%;
	}
	#profile-hero .logo-wrapper img {
		max-height:6em;
	}
	#events li {
		width:calc(50% - 1.5em);
    }
    #events .text {
		font-size:1.55vw;
    }
	#section-hero-outer {
		padding:0 4.5em;
	}
	#section-hero .image-wrapper {
		width:46%;
	}
	#section-hero img {
		width:auto;
		left:-34%;
	}
	#drivers {
		width:54.3%;
	}
	#story-wrapper {
		padding:2em;
	}
	#story-text {
		padding:0;
		border:0;
	}
	#related-customers {
		display:none;
	}
	#related-stories {
		position:static;
		width:auto;
		margin-top:3em;
	}
	#related-stories ul {
		width:calc(100% + 1em);
		margin-right:-1em;
	}
	#related-stories li {
		float:left;
		width:calc(33.33% - 1em);
		margin-right:1em;
	}
	#article-topics h2 {
		font-size:1.9em;
	}
	#article-topics li li {
		width:calc(50% - 1.5em);
	}
	#article-topics li li:nth-child(3) {
		display:none;
	}
	.listing-level3 #profile-hero .button-wrapper {
		display:none;
	}
	#trending a {
		padding:20% 50%;
	}
	#trending ul li:nth-child(1) {
		width:25%;
	}
	#trending .text {
		left:25%;
		width:61%;
		font-size:1.5vw;
	}
}


@media only screen and (max-width: 960px) {
	#featured {
		width:calc(100% + 1.6em);
		margin-right:-1.6em;
	}
	#featured li {
		width:calc(50% - 1.6em);
		margin:0 1.6em 1.6em 0;
	}
	#featured h3 {
		font-size:1.4em;
	}
	#drivers span {
		font-size:2.3em;
	}
	#drivers div {
		bottom:1.1em;
	}
	.footer-links .content {
		padding:2em 2em 0.1em 2em;
	}
	.footer-links-column {
		width:47%;
		max-width:25em;
		margin-bottom:2em;
	}
}



@media only screen and (max-width: 903px) {
	h1 {
		font-size:2.6em;
		margin-bottom:0.8em;
	}
	h2.event-subheading {
		display:block;
	}
	#popular {
		left:2em;
		width:calc(100% - 4em);
	}
	#news.news-home {
		margin-top:1em;
	}
	#category-groups li.top {
		width:50%;
		margin-bottom:3em;
	}
	#category-groups li.top:nth-child(odd) {
		clear:left;
	}
	.article-breadcrumb {
		display:block;
	}
	a.more-topics {
		display:inline-block;
	}
	.contact-panel dd:after {
		content:'';
	}
	.contact-panel br {
		display:inline;
	}
	#results {
		font-size:1.6vw;
	}
	#results li {
		margin:0 1.5rem 1.5rem 0;
	}
	#results li.level1 a {
		padding:calc(12.5% - 0.625rem + 0.002rem) 50%;
	}
	#results li.level2 a {
		padding:calc(25% - 0.375rem + 0.002rem) 50%;
	}
	#results li.level3 a {
		padding:calc(50% - 0.250rem + 0.002rem) 50%;
	}
	#results li.level3 img {
		left:0;
		width:100%;
		height:50%;
	}
	#results li.level3 .text {
		top:50%; left:0;
		width:100%;
		height:50%;
	}
	#results li.level3 h3 {
		font-size:1.3em;
	}
	#results li.level4 {
		font-size:1.9vw;
		width:calc(50% - 1.5rem);
	}
	#results li.level4-double a {
		padding:50%;
	}
	#results li.separator {
		display:none;
	}
	#results li.separator:last-child {
		display:block;
	}
	#results li.level5 {
		float:none;
		width:auto;
		margin:0 0 1.5em 0;
		font-size:1rem;
	}
	#results li.level5 a {
		width:auto;
		height:auto;
		padding:0;
	}
	#results li.level5 .image-wrapper {
		display:block;
		width:0;
		height:0;
		padding:30% 50%;
		position:relative;
	}
	#results li.level5 .image-wrapper:after {
		background:rgba(255,255,255,0.35);
	}
	#results li.level5 img {
		position:absolute;
		top:0; left:0;
		width:100%;
		height:100%;
	}
	#results li.level5 .text {
		position:static;
		width:auto;
		height:auto;
		padding:1.5em 1.5em 1.5em 1.5em;
		font-size:1em;
	}
	#results li.level5 .badges {
		position:static;
		display:block;
		width:auto;
		margin:0.8em 0 -0.5em 0;
	}
	#results li.level5 .view-button {
		position:static;
		width:calc(100% - 2.4em);
		z-index:1;
	}
	#results.related-premiums li.level4:nth-child(3),
	#results.related-premiums li.level4:nth-child(4) {
		display:none;
	}
	#profile-content-sidebar,
	#profile-content-main {
		float:none;
		width:auto;
	}
	#profile-content-sidebar {
		margin-bottom:1.8em;
	}
	#profile-content-main {
		border-left:0;
		padding-left:0;
	}
	.address address {
		font-size:1em;
	}
	#section-drivers .text {
		font-size: 1.75vw;
	}
	#profile-content-sidebar .badge {
		display:none;
	}
}




@media only screen and (min-width: 600px) and (max-width: 900px) {
	#news li {
		width:calc(33.333% - 1em);
		margin:0 1em 1em 0;
	}
	#article-topics .text,
	#news .text {
		font-size:1.8vw;
	}
	#news li:nth-child(4n+1),
	#news li:nth-child(4n+4) {
		width:calc(66.666% - 1em);
	}
	#news li:nth-child(2n+1) {
		clear:left;
	}
	#news li:nth-child(4n+1) a,
	#news li:nth-child(4n+4) a {
		padding:calc(45% - 0.5em) 50%;
	}
	#news li:nth-child(4n+1) img,
	#news li:nth-child(4n+4) img {
		height:74.074%;
	}
	#news li:nth-child(4n+1) .text,
	#news li:nth-child(4n+4) .text {
		top:74.074%;
		height:25.926%;
	}
	#news li:nth-child(4n+1) h3,
	#news li:nth-child(4n+4) h3 {
		font-size:1.6em;
	}
	#news li:nth-child(4n+1) .teaser,
	#news li:nth-child(4n+4) .teaser {
		display:none;
	}
}




@media only screen and (max-width: 767px) {
	h1 {
		font-size:2.2em;
		line-height:1.15;
		margin-bottom:0.8em;
	}
	#trending-wrapper h1 {
		font-size:2.6em;
	}
	h2 {
		font-size:1.5em;
		line-height:1.15;
	}
	.content {
		padding:1.6em 1.6em 3em 1.6em;
	}
	#global-search .content {
		padding:1.6em;
	}
	#section-drivers li {
		margin:0 -1.6em 3em -1.6em;
	}
	#home-landing {
		padding:25% 50%;
	}
	#home-drivers .text h2 {
		display:none;
	}
	#home-drivers {
		padding-left:1.2em;
	}
	#home-drivers li {
		margin-right:1.2em;
		width:calc(50% - 1.2em);
	}
	#home-drivers a {
		background:none;
		box-shadow:none;
		position:static;
		padding:0;
		width:auto;
		height:auto;
	}
	#home-drivers .text {
		position:static;
		padding:0;
		font-size:1rem;
	}
	#home-drivers .button-wrapper {
		position:static;
		width:100%;
		height:15vw;
	}
	#home-drivers .button {
		width:100%;
		font-size:2.8vw;
		line-height:1;
		padding-top:1.2em;
	}
	#home-drivers .button strong {
		display:block;
		font-size:2em;
		font-weight:500;
	}
	#header {
		height:6em;
	}
	#logo {
		width:5.156em;
		height:3.4em;
		bottom:1.3em;
		left:1.6em;
	}
	body.nav-active #nav {
		top:6rem;
		height:calc(100% - 6rem);
	}
	#menu, #close-menu {
		top:calc(3rem - 1.1em);
		right:2rem;
	}
	#article-topics li.topic, #trending li {
		margin-bottom:1.2em;
	}
	a.edit {
		display:none;
	}
	.search-wrapper .content {
		padding-top:0;
		padding-bottom:0;
	}
	#search {
		height:auto;
		background:none;
		left:0;
		margin:0;
	}
	#search:before {
		display:none;
	}
	.search-field {
		float:none;
		width:auto;
		background:#fff;
		border-right-width:0;
		margin-bottom:0.9em;
		padding:2px;
		border-radius:5px;
	}
	.search-field:first-child {
		z-index:2;
	}
	.search-error {
		border-width:2px;
		padding:0;
	}
	.search-error:after {
		right:calc(1.2rem - 2px);
	}
	#search .button-wrapper {
		float:none;
		display:block;
		width:10em;
		height:auto;
		margin:auto;
	}
	#search .button {
		font-size:1.2rem;
	}
	#options {
		left:0;
		width:100%;
		font-size:1em;
	}
	#options ul li {
		padding:0.3rem 1rem;
	}
	#search-hero {
		background-size:auto 54%;
		background-position:top;
		height:auto;
	}
	#search-hero .content {
		padding-top:4em;
		padding-bottom:4em;
	}
	#search-input {
		position:relative;
		margin:auto;
		top:0; left:0;
		width:100%;
	}
	#search-input input.search-text {
		border-radius:1.6rem 0 0 1.6rem;
	}
	#search-input input.search-button {
		border-radius:0 1.6rem 1.6rem 0;
	}
	#section-hero {
		padding:30% 50%;
	}
	#section-hero .image-wrapper {
		display:none;
	}
	#drivers {
		width:100%;
		padding-left:0.8em;
	}
	#drivers div {
		bottom:1.5em;
	}
	#drivers strong {
		font-size:3vw;
	}
	#drivers span {
		font-size:4vw;
	}
	#map {
		width:100%;
		height:100%;
	}
	.breadcrumb-wrapper {
		margin-top:-1em;
	}
	.breadcrumb {
		float:none;
		text-align:center;
		margin:0 0 0.2em 0;
	}
	.profile-tabs {
		float:left;
		margin:0 0 1.2em calc(50% - 10em);
	}
	.profile-tabs a {
		padding:0;
		width:10em;
		text-align:center;
		border-radius:0;
	}
	.profile-tabs li:first-child a {
		border-radius:5px 0 0 5px;
	}
	.profile-tabs li:last-child a {
		border-radius:0 5px 5px 0;
	}
	#profile-hero {
		margin:-1.6em -1.6em 1.6em -1.6em;
		width:auto !important;
		height:auto !important;
		padding:0 !important;
		border-radius:0;
	}
	#profile-hero .logo-wrapper {
		display:none !important;
	}
	#profile-hero .image-wrapper {
		position:relative;
		padding:30% 50%;
		width:0; height:0;
	}
	#profile-hero .image-wrapper img {
		position:absolute;
		top:0; left:0;
	}
	#profile-hero .image-wrapper:after {
		width:100%;
		height:100%; 
		background:rgba(255,255,255,0.25) !important;
		clip-path:polygon(100% 0%, 100% 100%, 82.04% 100%, 100% 0);
	}
	#profile-hero .hero-text {
		position:static !important;
		padding:1.6em;
		width:auto !important;
		height:auto !important;
		font-size:1rem !important;
	}
	#profile, #event-wrapper, #trending-wrapper {
		margin-left:-1.6em;
		margin-right:-1.6em;
		margin-bottom:-3em;
		padding-bottom:3em;
		border-radius:0;
	}
	#profile-hero .hero-text {
		text-align:center !important;
	}
	#profile-hero .hero-text h1 {
		padding:0 !important;
		margin-bottom:0.2em !important;
	}
	#profile-hero .hero-text h3 {
		font-size:1.3em;
		display:none;
	}
	.listing-level3 #profile-hero .button-wrapper {
		display:inline-block;
	}
	#advertise-sections {
		width:auto;
		margin:0 0 1.6em 0;
	}
	.advertise-section h2 {
		font-size:1.8em;
	}
	.advertise-section {
		display:block;
		width:auto;
		padding-bottom:1.6em;
		margin-bottom:1.6em;
	}
	.advertise-section:last-child {
		margin-bottom:0;
	}
	.advertise-section .button-wrapper {
		position:relative;
		top:0; left:0;
	}
	#event-heading-wrapper {
		padding:1.6em;
	}
	#event-heading-wrapper h1 {
		padding:0 1em;
	}
	#event-heading-wrapper .arrow {
		top:calc(50% - 2rem);
		font-size:2rem;
	}
	#event-heading-wrapper .arrow-prev {
		left:0.4rem;
	}
	#event-heading-wrapper .arrow-next {
		right:0.4rem;
	}
	#featured {
		width:auto;
		margin-right:0;
	}
	#featured li {
		float:none;
		width:auto;
		margin:0 0 1.6em 0;
	}
	#featured h3 {
		font-size:1.6em;
	}
	#story-wrapper {
		padding:1.6em;
	}
	#related-stories {
		padding:0 0.6em;
	}
	#related-stories ul,
	#related-stories li {
		float:none;
		width:auto;
		margin-right:0;
	}
	#related-stories strong {
		font-size:1em;
	}
	#trending-wrapper {
		padding:1.6em 1.6em 3em 1.6em;
	}
	#trending-text {
		padding:0 0 2em 0;
	}
	#trending-wrapper h2.subheading {
		font-size:revert;
	}
	#section-filters-wrapper {
		padding:1em;
		border-spacing:0;
		margin-top:2em;
	}
	.section-filters {
		display:block;
		width:auto;
		margin-bottom:1em;
	}
	.section-filters:last-child {
		margin-bottom:0;
	}
	
	.section-trending-hero-content {
		width:75%;
	}
	.section-trending-item {
		padding-bottom:4em;
	}
	.section-trending-hero a {
		padding:33% 50%;
	}
	.section-trending-hero .image-wrapper {
		width:100%;
	}
	.section-trending-hero h2 {
		width:50%;
		line-height:1;
		font-size:2.2rem;
	}
	.section-trending-hero .text {
		top:calc(100% + 1rem);
		font-size:0.8rem;
		right:0;
		width:100%;
	}
	.section-trending-hero .text:before {
		xdisplay:none;
	}
	.section-trending-hero .button-go {
		width:7.5em;
	}
	#section-trending .drivers {
		display:none;
	}
}


@media only screen and (max-width: 680px) {
	#topbar .customer-details span {
		display:none;
	}
	#topbar .customer-details a.account {
		position:static;
	}
	#results {
		font-size:1rem;
		width:auto;
		margin-right:0;
	}
	#results li.separator {
		display:none !important;
	}
	#results li.level1,
	#results li.level2,
	#results li.level3,
	#results li.level4,
	#results li.level5 {
		float:none;
		width:auto;
		margin:0 0 1.5em 0;
		font-size:1rem;
	}
	#results li.level3 a,
	#results li.level4 a,
	#results li.level5 a {
		width:auto;
		height:auto;
		padding:0;
	}
	#results li.level3 .image-wrapper,
	#results li.level4 .image-wrapper,
	#results li.level5 .image-wrapper {
		display:block;
		width:0;
		height:0;
		padding:30% 50%;
		position:relative;
	}
	#results li.level5 .image-wrapper:after {
		background:rgba(255,255,255,0.35);
	}
	#results li.level3 img,
	#results li.level4 img,
	#results li.level5 img {
		position:absolute;
		top:0; left:0;
		width:100%;
		height:100%;
	}
	#results li.level3 .text,
	#results li.level4 .text,
	#results li.level5 .text {
		position:static;
		width:auto;
		height:auto;
		padding:1.5em 1.5em 1.5em 1.5em;
		font-size:1em;
	}
	#results li.level3 .badges,
	#results li.level4 .badges,
	#results li.level5 .badges {
		position:static;
		display:block;
		width:auto;
		margin:0.8em 0 -0.5em 0;
	}
	#results .view-button {
		position:static;
		width:calc(100% - 2.4em);
		z-index:1;
	}
	.pagerTextControl, .pagerControl  {
		float:none !important;
		display:block;
		text-align:center;
	}
	.pagerTextControl {
		margin:2em 0 1.2em 0;
	}
	.pagerControl span.active, .pagerControl a {
		float:none !important;
		display:inline-block;
	}
	#tags {
		font-size:0.9375em;
	}
	#events {
		width:auto;
		margin:0;
	}
	#events li {
		float:none;
		width:auto;
		margin:0 0 1.6em 0;
    }
    #events .text {
		font-size:3.1vw;
    }
}


@media only screen and (max-width: 600px) {
	#featured a {
		display:block;
		width:auto;
		height:auto;
		padding:0;
	}
	#featured .image-wrapper {
		position:relative;
		width:0;
		height:0;
		padding:30% 50%;
	}
	#featured img {
		height:100%;
	}
	#featured .text {
		position:static;
		height:auto;
	}
	#tools li.top {
		padding-left:8em;
	}
	#tools img {
		width:6.6em;
		height:6.6em;
	}
	.enquiry-button {
		width:4.8em;
	}
	.enquiry-button:before {
		margin-right:0;
	}
	.enquiry-button span {
		display:none;
	}
	#trending li.top {
		margin-bottom:1.2em;
	}
	#trending a {
		padding:35% 50%;
	}
	#trending ul li:nth-child(1) {
		width:30%;
	}
	#trending ul li:nth-child(2),
	#trending ul li:nth-child(3),
	#trending ul li:nth-child(4) {
		display:none;
	}
	#trending .text {
		width:70%;
		left:30%;
		font-size:2.2vw;
	}
	#trending .text:before {
		width:15em;
	}
	#trending .text:after {
		display:none;
	}
	#trending .text-inner {
		padding-top:3em;
		padding-right:3em;
		margin-left:-6em;
	}
	#trending .text-inner:before {
		content:'';
		float:left;
		width:7em;
		height:25em;
		-webkit-shape-outside:polygon(0 0, 100% 0, 0 100%);
		shape-outside:polygon(0 0, 100% 0, 0 100%);
		-webkit-clip-path:polygon(0 0, 100% 0, 0 100%);
		clip-path:polygon(0 0, 100% 0, 0 100%);
	}
	#trending span.teaser {
		font-size:1.3em;
	}
	#sitemap li {
		float:none;
		width:auto;
	}
	#ratecards {
		width:auto;
		margin:2em 0 0 0;
	}
	.ratecard {
		float:none;
		width:auto;
		margin:0 0 1.6em 0;
    }
	#news {
		width:auto;
		margin:0;
	}
	#news li {
		float:none;
		width:auto;
		margin:0 0 1.2em 0;
	}
	#news a {
		width:auto;
		height:auto;
		padding:0;
	}
	#news .image-wrapper {
		position:relative;
		width:0;
		height:0;
		padding:33.333% 50%;
	}
	#news .image-wrapper .image-wrapper {
		position:static;
	}
	#news img {
		height:100%;
	}
	#news .text {
		font-size:1em;
		position:static;
		width:auto;
		height:auto;
		padding:1.2em;
	}
	#news h3 {
		font-size:1.5625em;
	}
	#news .teaser {
		position:static;
		display:block;
		padding:0;
		font-size:1em;
		line-height:initial;
	}
	#news .button-wrapper {
		display:inline-block;
	}
	#article-topics .topic-name,
	#article-topics ul {
		float:none;
		width:auto;
	}
	#article-topics h2 {
		margin-bottom:0.2em;
	}
	#article-topics ul {
		margin-top:1.75em;
	}
	#article-topics li li:nth-child(3) {
		display:block;
	}
	#article-topics li li {
		float:none;
		width:auto;
		margin:1.2em 0 0 0;
	}
	#article-topics li li a {
		width:auto;
		height:auto;
		padding:0;
	}
	#article-topics .image-wrapper {
		position:relative;
		width:0;
		height:0;
		padding:33.333% 50%;
	}
	#article-topics img {
		height:100%;
	}
	#article-topics .text {
		font-size:1em;
		position:static;
		width:auto;
		height:auto;
		padding:1.2em;
	}
	#article-topics .teaser {
		position:static;
		display:block;
		padding:0;
		font-size:1em;
		line-height:initial;
	}
	#footer-nav li {
		margin:0 0.4em;
	}
	.intro {
		text-align:left;
	}
}


@media only screen and (max-width: 480px) {
	#content-wrapper {
		border-top-width:0.5em;
		border-bottom-width:0.5em;
	}
	.content {
		padding:1.2em 1.2em 3em 1.2em;
	}
	#event-wrapper, #article-topic-wrapper, #story-wrapper {
		margin-bottom:-3em;
		padding:1.2em;
	}
	#header {
		height:5em;
	}
	body.nav-active #nav {
		top:5rem;
		height:calc(100% - 5rem);
	}
	body.nav-active #nav a {
		text-align:center;
		font-size:1.2em;
	}
	#logo {
		width:4.55em;
		height:3em;
		bottom:1em;
	}
	#logo strong {
		font-size:1em;
	}
	#menu, #close-menu {
		font-size:1em;
		top:calc(3rem - 1.6em);
	}
	h2.divider:after {
		width:100%;
		left:0;
	}
	#profile, #event-wrapper, #trending-wrapper, #story-wrapper, #article-topic-wrapper {
		margin-left:-1.2em;
		margin-right:-1.2em;
		border-radius:0;
	}
	.content .filters-wrapper:first-child {
		margin-left:-1.2em;
		margin-right:-1.2em;
		margin-top:-1.21em;
		border-radius:0;
	}
	.content .section-filters .filters-wrapper:first-child {
		margin-top:0;
	}
	.content .filters-wrapper:first-child .container {
		padding-top:0.975em;
	}
	#profile-hero .hero-text h1 {
		font-size:2.2em !important;
	}
	#suggestions {
		width:100%;
	}
	.tags a {
		font-size:13px;
	}
	#category-groups h2 {
	    padding-bottom:0.3em;
	}
	#category-groups li.top {
		float:none;
		width:auto;
		border-left:8px solid #f5f5f4;
	}
	#category-groups li.top ul {
		font-size:1rem;
	}
	#featured li {
		margin-bottom:1.2em;
	}
	#featured h3 {
		font-size:1.3em;
	}
	#featured .image-wrapper:after {
		content:'';
		width:100%;
		height:100%;
		background:rgba(255,255,255,.25)!important;
		clip-path:polygon(100% 0%,100% 100%,82.04% 100%,100% 0);
		position:absolute;
		top:0; left:0;
		pointer-events:none;
	}
	.inline-1up {
		width:calc(100% + 2.4em);
		margin-left:-1.2em;
	}
	.inline-1up img {
		border-radius:0;
	}
	#sitemap li {
		font-size:13px;
		margin-bottom:0.9em;
	}
	#footer {
		font-size:13px;
	}
	.fancybox-slide {
		padding:20px !important;
	}
	.fancybox-image {
		border-radius:0 !important;
	}
	.advertise-section,
	.ratecard {
		margin-bottom:1.2em;
	}
	#section-drivers li {
		margin:0 -1.2em 2.4em -1.2em;
		padding:0 13%;
	}
	#section-drivers .text {
		font-size:2.45vw;
		padding:0.78em 1.8em;
	}
	#section-drivers h2 {
		line-height:1.1;
	}
	#section-drivers h3 {
		font-size:1.2em;
	}
	#section-drivers .button-wrapper {
		display:none;
	}
	#events li {
		margin-bottom:1.2em;
    }
	#section-hero-outer {
		padding:0 1.2em;
		background:none !important;
	}
	#section-hero {
		margin-top:11.5rem;
		padding:33% 50%;
	}
	#drivers,
	#drivers div,
	#section-hero .image-wrapper,
	#section-hero img {
		transform:none;
	}
	#drivers {
		padding:0;
		width:calc(100% + 1.2em);
		margin-right:-1.2em;
	}
	#drivers div {
		bottom:0.6rem; left:0.8rem;
	}
	#drivers li {
	    width: calc(50% - 1em);
	}
	#drivers strong {
		font-size:1rem;
	}
	#drivers span {
		font-size:1.4rem;
		margin-left:0.2em;
	}
	#drivers a {
		overflow:hidden;
	}
	#drivers a:after {
		content:'';
		position:absolute;
		top:0; left:0;
		width:100.1%;
		height:100.1%; 
		background:#b3cbd4;
		opacity:0.16;
		clip-path:polygon(97% 0%, 100% 0%, 100% 100%, 86% 100%);
		pointer-events:none;
	}
	#section-hero .image-wrapper {
		display:block;
		width:100%;
		height:11rem;
		top:-12rem; left:0;
		z-index:2;
		border-radius:5px;
		border:0;
	}
	#section-hero img {
		width:100%;
		height:auto;
		top:0; left:0;
	}
	#news, #related-stories {
		margin-bottom:2em;
	}
	.gallery-row  {
		width:calc(100% + 0.6em);
		margin-right:-0.6em;
	}
	.gallery-row a {
		border-radius:4px;
	}
	.gallery-row li {
		margin:0 0.6em 0.6em 0;
	}
	.gallery-row1 li {
		width:calc(100% - 0.6em);
		float:left;
		margin:0 0.6em 0.6em 0;
	}
	.gallery-row2 li,
	.gallery-row4 li {
		width:calc(50% - 0.6em);
	}
	.gallery-row3 li {
		width:calc(33.3333% - 0.6em);
	}
	.gallery-row:last-child li {
		margin-bottom:0.6em;
	}
	.message-selector {
		padding:0;
	}
	.message-selector span {
		width:calc(25% - 0.4em);
		margin:0 0.2em;
	}
	.section-trending-hero h2 {
		font-size:1.8rem;
	}
	.footer-links-column {
		display:block;
		width:auto;
		max-width:100%;
		text-align:center;
	}
}


@media only screen and (max-width: 410px) {
	.enquiry-button {
		width:4.5em;
		margin:0 0.2em;
	}
	.listing-message {
		font-size:0.875em;
		padding:0.6em 0.9em;
	}
	#search-input input.search-text {
		width:calc(100% - 3em);
	}
	#search-input .button-wrapper {
		width:3em;
	}
	#search-input .button {
		padding:0;
	}
	#search-input {
		padding-left:0.2em;
	}
	#suggestions span {
		display:none;
	}
}


@media only screen and (max-width: 374px) {
	.enquiry-button {
		width:4.2em;
	}
	.recaptcha {
		transform-origin:0 0;
		transform:scale(0.8);
	}
}


@media only screen and (max-width: 359px) {
	html {
		font-size:13px;
	}
	#section-hero {
		padding:36% 50%;
	}
}