/* CONTENT STYLESHEET :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

/*________________________________________________________________________________________________ BANNERS */
.p-default .row.banner {
	background:
		url(/images/content/home/automotive-glass-technician-small.png) 50% 0 / 100% auto no-repeat,
		radial-gradient(circle farthest-side at center,  rgb(0,131,236) 0%,rgb(15,36,83) 100%);
}
.p-default #main .row.banner .span {
	padding-top:12.5em;
}

.p-about .row.banner {background-image:url(/images/content/banners/about.jpg);}
.p-adas .row.banner {background-image:url(/images/content/banners/adas.jpg);}
.p-contact .row.banner {background-image:url(/images/content/banners/contact.jpg);}
.p-fleet .row.banner {background-image:url(/images/content/banners/fleet.jpg);}
.p-glass-repair .row.banner {background-image:url(/images/content/banners/glass-repair.jpg);}
.p-glass-replacement .row.banner {background-image:url(/images/content/banners/glass-replacement.jpg);}
.p-insurers .row.banner {background-image:url(/images/content/banners/insurers.jpg);}
.p-leasing .row.banner {background-image:url(/images/content/banners/leasing.jpg);}
.p-news .row.banner {background-image:url(/images/content/banners/news.jpg);}
.p-we-do-more .row.banner {background-image:url(/images/content/banners/we-do-more.jpg);}


/*_________________________________________________________________________________________ FEATURE IMAGES */
.p-fleet .feature-image::before {background-image:url(/images/content/fleet/fleet-vehicles.jpg);}
.p-glass-replacement .feature-image::before {background-image:url(/images/content/glass-replacement/glass-storage.jpg);}


@media screen and (min-width:48em) {
	.p-fleet .feature-image::before {background-image:url(/images/content/fleet/fleet-vehicles-1200.jpg);}
	.p-glass-replacement .feature-image::before {background-image:url(/images/content/glass-replacement/glass-storage-1200.jpg);}
}

/*_______________________________________________________________________________________________ HOMEPAGE */
/*--------------------------------------------------------------------------------------------- .p-default */
.p-default #main::after {
	display:none;
}
.p-default #coverage-map {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:19.286em;
	overflow:hidden;
}
.p-default #coverage-map a {
	background:url(/images/content/home/europe-coverage-map.png) 50% 50% / contain no-repeat;
	position:absolute;
	top:-1em;
	right:-3.429em;
	display: block;
	margin:0;
	width:19.286em;
	height:0;
	padding-top:19.286em;
	overflow:hidden;
	border-radius:50%;
}
.p-default #safer-travel {
	background-image:url(/images/content/home/safer-travel.jpg);
}
.p-default #efficiency {
	background-image:url(/images/content/home/efficiency.jpg);
}
.p-default #adas-promo {
	overflow:hidden;
}
.p-default #adas-promo img {
	margin:2em 0 4em;
	transform:scale3d(1.5,1.5,1);
}

@media screen and (min-width:48em) {
	.p-default .row.banner {
		background:
			url(/images/content/home/automotive-glass-technician.png) 50% 100% / auto 100% no-repeat,
			radial-gradient(circle farthest-side at center,  rgb(0,131,236) 0%,rgb(15,36,83) 100%);
;
	}
	.p-default #main .row.banner .span {
		padding-top:9em;
		min-height:40em;
	}
	.p-default #coverage-map {
		top:1em;
		left:auto;
		right:-8em;
		width:36em;
		height:36em;
	}
	.p-default #coverage-map a {
		position:static;
		width:100%;
		padding-top:36em;
	}
	.p-default #agrr-link {
		position:relative;
		width:22em;
		margin:-1.2em 0 0 4em;
	}
	.p-default #network-link {
		width:19.125em;
		z-index:1;
	}
	.p-default #locations-link {
		position:absolute;
		top:25em;
		right:5.25em;
		transform:none;
		text-align: center;
		width:7.5em;
		height:7.5em;
		border-radius: 50%;
		padding:1.75em 0.5em 1em;
		border-width: 2px;
	}
	.p-default #locations-link::before {
		position:static;
		display:inline-block;
		transform:none;
		margin-bottom:0.25em;
		transition:transform 0.2s ease;
	}
	.p-default #locations-link:hover::before {
		transform:scale3d(1.2,1.2,1);
	}
	.p-default #locations-link strong {
		display:block;
	}
	.p-default #img-block-links {
		background:url(/images/content/home/safer-travel-and-efficiency.jpg) 50% 50% / cover no-repeat;
	}
	.p-default #safer-travel,
	.p-default #efficiency {
		background:none;
	}
}
@media screen and (min-width:62em) {
	.p-default #coverage-map {
		top:-3em;
		left:auto;
		right:-12em;
		width:52em;
		height:52em;
	}
	.p-default #coverage-map a {
		position:static;
		width:100%;
		padding-top:52em;
	}
	.p-default #locations-link {
		top:13.25em;
		right:20.25em;
	}
	.p-default #adas-promo {
		overflow:visible;
		min-height:18em;
		display:flex;
		align-items: center;
		justify-content: space-between;
	}
	.p-default #adas-promo img {
		float:left;
		width:45%;
		max-width:21em;
		margin:0;
		transform:scale3d(2,2,1);
		transform-origin: 50% 0;
	}
	.p-default #adas-promo .text {
		float:right;
		width:45%;
	}
}


/*__________________________ABOUT_______________ */
.p-about .tick-list ul#partner-companies {
	list-style: none;
	padding: 0;
	column-count: 3;
} 
/*________________________________________________________________________________________________ NETWORK */
.network-map {
	height:24em;
}
@media screen and (min-width: 48em) {
	.network-map {
		min-height:36em;
	}
}
@media screen and (min-width: 75em) {
	.network-map {
		min-height:42em;
	}
}

.partner {
	position:relative;
}
.partner .info {
	margin-bottom:1.5em;
}
.partner .logo {
	display:block;
	max-width:9em;
	border-radius:1em;
	box-shadow:0 0.3em 1em rgba(0,0,0,0.25);
	margin-bottom:1.5em;
}
.partner .logo img {
	border-radius:1em;
	margin:0;
}
.partner .address {
	display:block;
	width:40%;
	border-radius:1em;
	box-shadow:0 0.3em 1em rgba(0,0,0,0.25);
}
.depot-table {
	border-bottom:1px solid #ccc;
}
.depot-table .depot {
	padding:0.5em 0;
	border-top:1px solid #ccc;
}
@media screen and (min-width: 48em) {
	.partner .logo {
		position:absolute;
		top:0;
		right:0;
		max-width:12em;
	}
	.depot-table .depot > div {float:left; padding-right:0.5em;}
	.depot-table .depot > .postcode {width:15%;}
	.depot-table .depot > .city {width:23%;}
	.depot-table .depot > .district {width:23%;}
	.depot-table .depot > .street-address {width:50%;}
	.depot-table .depot > .state {width:12%;}
}
@media screen and (min-width: 62em) {
	.partner .logo {
		position:static;
	}
}
/*--------------------------------------------------------------------------------------------- .p-network */
.p-network .countries {
	margin-left:-0.5em;
	margin-right:-0.5em;
}
.p-network .countries li {
	float:left;
	width:50%;
	padding:0 0.5em;
	margin-bottom:0.75em;
}
.p-network .countries li a {
	position:relative;
	font-size:0.8em;
	display:block;
	padding:0.6em;
	background: linear-gradient(to bottom, rgb(249,249,249) 0%, rgb(234,234,234) 100%);
	transform:skewX(-10.5deg);
	border-radius:0.5em;
	line-height:1.5;
	transition:background 0.2s;
}
.p-network .countries li a::before {
	position:absolute;
	top:50%;
	right:0.6em;
	content:'';
	display:block;
	width:2em;
	height:2em;
	background-position:0 0;
	background-size:contain;
	background-repeat:no-repeat;
	transform:translateY(-50%);
}
.p-network .countries li a:hover {
	background:rgb(225,39,27);
	color:#fff;
}
.p-network .countries li[data-cc="BE"] a::before {background-image:url(/images/common/flags/be.png);}
.p-network .countries li[data-cc="DK"] a::before {background-image:url(/images/common/flags/dk.png);}
.p-network .countries li[data-cc="EE"] a::before {background-image:url(/images/common/flags/ee.png);}
.p-network .countries li[data-cc="FI"] a::before {background-image:url(/images/common/flags/fi.png);}
.p-network .countries li[data-cc="FR"] a::before {background-image:url(/images/common/flags/fr.png);}
.p-network .countries li[data-cc="DE"] a::before {background-image:url(/images/common/flags/de.png);}
.p-network .countries li[data-cc="GR"] a::before {background-image:url(/images/common/flags/gr.png);}
.p-network .countries li[data-cc="IE"] a::before {background-image:url(/images/common/flags/ie.png);}
.p-network .countries li[data-cc="IT"] a::before {background-image:url(/images/common/flags/it.png);}
.p-network .countries li[data-cc="LI"] a::before {background-image:url(/images/common/flags/li.png);}
.p-network .countries li[data-cc="LV"] a::before {background-image:url(/images/common/flags/lv.png);}
.p-network .countries li[data-cc="LU"] a::before {background-image:url(/images/common/flags/lu.png);}
.p-network .countries li[data-cc="MA"] a::before {background-image:url(/images/common/flags/ma.png);}
.p-network .countries li[data-cc="NL"] a::before {background-image:url(/images/common/flags/nl.png);}
.p-network .countries li[data-cc="NO"] a::before {background-image:url(/images/common/flags/no.png);}
.p-network .countries li[data-cc="PL"] a::before {background-image:url(/images/common/flags/pl.png);}
.p-network .countries li[data-cc="PT"] a::before {background-image:url(/images/common/flags/pt.png);}
.p-network .countries li[data-cc="SE"] a::before {background-image:url(/images/common/flags/se.png);}
.p-network .countries li[data-cc="ES"] a::before {background-image:url(/images/common/flags/es.png);}
.p-network .countries li[data-cc="CH"] a::before {background-image:url(/images/common/flags/ch.png);}
.p-network .countries li[data-cc="GB"] a::before {background-image:url(/images/common/flags/gb.png);}

@media screen and (min-width: 48em) {
	.p-network .countries {
		margin-left:-1em;
		margin-right:-1em;
	}
	.p-network .countries li {
		width:25%;
		padding:0 1em;
	}
	.p-network .countries li a {
		font-size:0.9em;
	}
}
@media screen and (min-width: 62em) {
	.p-network .countries li a {
		font-size:1.2em;
	}
}

/*________________________________________________________________________________________________ CONTACT */
/*--------------------------------------------------------------------------------------------- .p-contact */
.p-contact #map {
	height:20em;
}
@media screen and (min-width: 48em) {
	.p-contact #map {
		height:30em;
	}
}

/*___________________________________________________________________________________________________ ADAS */
/*------------------------------------------------------------------------------------------------ .p-adas */
.p-adas #intro .lead {
	max-width:24em;
}