@charset "ISO-8859-1";

/******************************************************************************
* Breadcrumbs - Custom Overrides
******************************************************************************/

.breadcrumbs li, .breadcrumbs li a {
	color: #ffffff;
}

.breadcrumbs li.current, .breadcrumbs li.current a {
	color: #2d2d2d;
}

.breadcrumbs li a:hover, .breadcrumbs li.current a:hover {
	color: #2d2d2d;
}

.breadcrumbs a:hover{
	color: #0099ff;
}

.breadcrumbs {
	margin-left: 0;
	margin-top: 0;
	font-size: 1.05em;
}
/******************************************************************************
* Breadcrumbs - End
******************************************************************************/

article{
	overflow:hidden;
}

.main{
	background-color:white;
	color: #2d2d2d;
}

h1, h2, h3, h4 {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
}

h1.heading {
	color: white;
	position: relative;
	top: -180px;
	font-size: 45px;
	margin-left: 0;
	height: 0;
}

.main .container h2.sub-heading {
	font-size: 36px;
	margin-bottom: 0;
}

h3.title {
	font-size: 30px;
}

h4.mini-title {
	font-size: 20px;
}

section p, section a, section li {
	font-family: 'Roboto', Arial, Helvetica, serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5em;
}

.lead {
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	font-size: 24px;
	margin-bottom: 0;
}

.award-title {
	font-family: 'Centrale Sans Light', Trebuchet, sans-serif;
	font-size: 18px;
	text-transform: capitalize;
}

.award-title .title-bold {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
}

.light {
	font-family: 'Roboto', Arial, Helvetica, serif;
	font-weight: 300;
}

.medium, .medium a {
	font-family: 'Roboto', Arial, Helvetica, serif;
	font-weight: 500;
}

.bold {
	font-family: 'Roboto', Arial, Helvetica, serif;
	font-weight: 700;
}

.text-black {
	color: #2D2D2D;
}

.text-white {
	color: #FFFFFF;
}

.text-blue {
	color: #0099FF;
}

a.text-blue {
	color: #0099FF;
}

 .no-pad-l {
	padding-left: 0;
}

 .no-pad-r {
	padding-right: 0;
}

.no-pad-b {
	padding-bottom: 5px;
}

.no-pad-t {
	padding-top: 5px;
}

.awards-top-container {
	width: 100vw;
	position: relative;
	margin-left: 50%;
	transform: translateX(-50%);
}

.banner-image-container {
	position: relative;
}

.hero-img {
	display: table;
	margin-left: 50%;
	transform: translateX(-50%);
	width: 100vw;
}

.hero-img > source + img {
	margin-left: 50%;
	transform: translateX(-50%);
}

.awards-middle-container {
	background-color: #FFFFFF;
	width: 100vw;
	position: relative;
	padding: 25px 0;
	margin-left: 50%;
	transform: translateX(-50%);
}

.awards-middle-container-even {
	background-color: #FFFFFF;
	width: 100vw;
	position: relative;
	padding: 0;
	margin-left: 50%;
	transform: translateX(-50%);
}

.awards-middle-container-alt {
	background-color: #F5F5F5;
	width: 100vw;
	position: relative;
	padding: 40px 0;
	margin-left: 50%;
	transform: translateX(-50%);
}

.awards-middle-container-alt-even {
	background-color: #F5F5F5;
	width: 100vw;
	position: relative;
	padding: 0;
	margin-left: 50%;
	transform: translateX(-50%);
}

.awards-middle-container-alt-2 {
	background-color: #E9F5FF;
	width: 100vw;
	position: relative;
	padding: 40px 0;
	margin-left: 50%;
	transform: translateX(-50%);
}

.awards-middle-container-alt-2-even {
	background-color: #E9F5FF;
	width: 100vw;
	position: relative;
	padding: 0;
	margin-left: 50%;
	transform: translateX(-50%);
}

.breadcrumbs a:hover{
	color: #0099ff;
}

.breadcrumbs {
	margin-left: 0;
	margin-top: 0;
	font-size: 1.05em;
}

/* .recent-awards, #moreAwards {
	display: flex;
	flex-wrap: wrap;
} */

.recent-awards > div, #moreAwards > div {
	padding: 0 7.5px 50px;
}

.see-more {
	padding-bottom: 50px;
}

.see-more a[aria-expanded=false] .if-not-collapsed {
	display: none;
}

.see-more a[aria-expanded=true] .if-collapsed {
	display: none;
}

.awards-block {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.awards-img {
	margin-bottom: -75px;
	z-index: 2;
}

.awards-details {
	background-color: #F5F5F5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 100px 20px 20px;
	height: 100%;
}

.ier-2022 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2022.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2022.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.ier-2021 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2021.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2021.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.ier-2020 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2020.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2020.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.ier-2019 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2019.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2019.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.ier-2018 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2018.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2018.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

/*.ier-2016 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2016.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ier-2016.webp);
	background-repeat: no-repeat;
	background-position: top left;
}*/

.ert-2020 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ert-2020.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ert-2020.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.ert-2017 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ert-2017.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ert-2017.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.ert-2016 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ert-2016.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ert-2016.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

/*.ert-2015 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ert-2015.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/ert-2015.webp);
	background-repeat: no-repeat;
	background-position: top left;
}*/

.feefo-2020 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/feefo-2020.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/feefo-2020.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.lba-2018 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/lba-2018.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/lba-2018.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.dg-2014 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/dg-2014.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/dg-2014.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.dg-2013 {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/dg-2013.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/awards-v2/logos/dg-2013.webp);
	background-repeat: no-repeat;
	background-position: top left;
}

.trustpilot-intro .trustpilot-heading {
	margin-bottom: 40px;
}

.trustpilot-intro .trustpilot-heading h2.sub-heading {
	font-size: 54px;
}

.trustpilot-intro .trustpilot-heading h2.sub-heading span {
	font-size: 85px;
	position: relative;
	bottom: -8px;
}

.trustpilot-intro .trustpilot-heading p.lead {
	font-size: 30px;
}

.trustpilot-intro .trustpilot-details {
	margin-bottom: 40px;
}

.trustpilot-intro .trustpilot-details p {
	margin-top: 0;
	font-size: 18px;
}

.trustpilot-intro .trustpilot-score {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.trustpilot-intro .trustpilot-score .trustpilot-logo-stars a {
	margin: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.trustpilot-intro .trustpilot-score .trustpilot-logo-stars a img {
	max-height: 30px;
	margin: 5px;
}

/* .trustpilot-intro .trustpilot-score .trustpilot-reviews {
	margin: 10px;
} */

.trustpilot-intro .trustpilot-score .trustpilot-reviews p.trustpilot-review-count {
	margin-top: 0;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-size: 22px;
	line-height: 1em;
}

.trustpilot-intro .trustpilot-score .trustpilot-average {
	margin: 10px 40px;
}

.trustpilot-intro .trustpilot-score .trustpilot-average p.trustpilot-average-score {
	margin-top: 0;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-size: 50px;
	line-height: 1em;
}

.customers-intro .customers-heading {
	margin-bottom: 40px;
}

.customers-reviews {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.customers-reviews .review-box {
	width: 17%;
	filter: drop-shadow(10px 12px 5px #00000029);
	margin: 10px;
}

.customers-reviews .review-box:nth-of-type(2n) {
	margin-top: 100px;
}

.ranking-intro .ranking-details p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 18px;
}

.ranking-intro .ranking-details p a {
	font-size: 18px;
	text-decoration: underline;
}

@media screen and (max-width: 991px) {
	.customers-reviews .review-box {
		width: 28%;
	}
}

@media screen and (max-width: 767px) {
	.hero-img {
		margin-left: unset;
		transform: unset;
	}

	h1.heading {
		position: absolute;
		top: 10%;
		left: 0;
		right: 0;
		margin: auto;
		width: 100vw;
		text-align: center;
		font-size: 50px;
		padding-left: 15%;
		padding-right: 15%;
	}
	
	.main .container h2.sub-heading {
		font-size: 40px;
		margin-bottom: 0;
	}
	
	h3.title {
		font-size: 36px;
	}
	
	h4.mini-title {
		font-size: 26px;
	}

	.awards-intro {
		padding: 0 30px;
		text-align: center;
	}

	.recent-awards, #moreAwards {
		padding: 0 30px;
		justify-content: center;
		text-align: center;
	}

	.recent-awards h4.text-blue {
		font-size: 40px;
	}

	.trustpilot-intro .trustpilot-heading h2.sub-heading {
		font-size: 70px;
	}
	
	.trustpilot-intro .trustpilot-heading h2.sub-heading span {
		font-size: 100px;
		bottom: -10px;
	}
	
	.trustpilot-intro .trustpilot-heading p.lead {
		font-size: 42px;
	}

	.trustpilot-intro .trustpilot-score .trustpilot-average {
		width: 75%;
	}

	.trustpilot-intro .trustpilot-score .trustpilot-average p.trustpilot-average-score {
		font-size: 70px;
	}

	.customers-reviews .review-box {
		width: 46%;
	}
	.banner-image-container{
		padding-left: 0px;
	}
}

@media screen and (max-width: 509px) {
	.customers-reviews .review-box {
		width: 75%;
	}

	.customers-reviews .review-box:nth-of-type(2n) {
		margin-top: 10px;
	}
}

.banner-image-container {
	position: relative;
}